利用溢出隐藏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;
}

标签: HTML

添加新评论