项目中虽然很少用到自适应布局，但是也有不少网站运用它，特别是一些大型的论坛网站，就拿本站的wordpress后台也是采用此种布局，因此了解这种布局的结构非常有必要。
特点和要求：左侧div和中侧div都在一个左浮动，并且宽度100%的大div中，并且此大div必须设置一个大于或者等于右侧div宽度的负右margin，在此大div左浮动的情况下，右侧div才会顶上来，与左、中侧div水平齐平。而对于右侧div的要求是：要与大div节点同级，并且需要设置右浮动。另外，想要左侧div与中侧div有一定水平距离，则要设置中侧div一个大于左侧div宽度的margin即可。
以下是某个具体实例的代码：
<style>
.wrap{width:100%;float:left;margin-right:-300px;}
.left{width:200px;height:500px;float:left;background:#0CF;}
.center{margin:0 320px 0 210px;background:green;height:500px;color:#fff;}
.right{width:300px;height:500px;background:#000;color:#fff;float:right;}
</style>
<div id="box">
<div class="wrap">
<div class="left">这是左侧内容</div>
<div class="center">这是中侧的内容</div>
</div>
<div class="right">这是右侧的内容</div>
</div>
|