关于三列布局，中间自适应的布局方法
doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{margin:0;padding:0px;}
.wrap{width:960px; margin:0 auto;}
.left{width:200px;height:100px;background:#009;float:left;}
.middle{background:#3F3;height:100px;border:1px solid #000;margin:0 300px 0 200px;}
.right{width:300px;height:100px;background:#9F0;float:right;}
</style>
</head>
<body>
<div class="wrap">
<div class="left">200px</div>
<div class="right">300px</div>
<div class="middle">自适应宽度</div>
</div>
</body>
效果是一样的，用float处理，只不过不class=“middle”方在right后。当right又浮动后，脱离文档流。是中间一列在中间显示，在设置margin将盖注部分显示出来，不过div顺序不是很正常，不够标准语义化。
