两个浮动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;
}