css

左右两个浮动的区域高度会随着内容的增加而变高

实现代码

html部分

<div class="test">

<div class="left">我是左侧区域</div>

<div class="right">我是右侧区域</div>

</div>

css部分

.test{overflow:hidden; zoom:1;}

.left{width:200px;border-right:5px solid #ccc; background:#cad5eb; float:left; margin-bottom:-3000px; padding-bottom:3000px;}

.right{width:800px; margin-bottom:-3000px; padding-bottom:3000px; background:#f0f3f9; float:right;}