两个浮动DIV保持同高度
利用溢出隐藏CSS样式实现两个浮动DIV保持同高度,让左边栏DIV和右内容DIV高度保持一致。实例代码如下:
HTML代码
<div id="center"> <div id="left"></div> <div id="right"></div> </div>
CSS代码
#center{ width:100%; height:100%; overflow:hidden; } #left{ width:20%; float:left; background:#9c9c9c; margin-bottom:-3000px; padding-bottom:3000px; } #right{ width:80%; float:right; background:#323232; margin-bottom:-3000px; padding-bottom:3000px; }