今天本人在开发中突然发现一个怪问题,我在div使用了float浮动了,高度100%就无效了,经过分析我们只要加上overflow:hidden;就KO了。
代码如下
复制代码
<style>
#main{float:left;min-height:500px;}
#l{float:left;margin-bottom:10px;margin-right:10px;padding:6px 10px;width:117px;}
#r{float:right;margin-right:10px;padding-top:10px;width:864px;overflow:hidden;}
</style>
<div id="main">
<div id="l"> 标题区域 </div>
<div id="r"> 内容区域</div>
</div>
很简单,最重要的一点是在main里面也要加上浮动属性