CSS实现中间自适应的三栏布局，共4种方法

一、float实现

html结构：

<div class="left"></div>
<div class="right"></div>
<div class="center"></div>

css：

.left,.right{
	width: 200px;
	height: 300px;
	background-color: red;
}
.left{
	float: left;
}
.right{
	float: right;
}
.center{
	margin: 0 210px;
	height: 300px;
	background-color: blue;
}

这种实现受外界影响小，但是对html结构有要求（center必须放在最后，left与right则无所谓），当界面缩小到一定程度时，right会被挤到下一行

二、position实现

html结构：

<div class="left"></div>
<div class="right"></div>
<div class="center"></div>

css：</