读书人

扫除浮动的疑问

发布时间: 2013-04-02 12:35:26 作者: rapoo

清除浮动的疑问


<style>
.clearfix:after{
content:".";
display:block;
height:0px;
line-height:0px;
clear:both;
visibility:hidden;
font-size:0px;
}
.clearfix{*zoom:1;}
</style>

<div style="width:950px;">
<div style="width:190px; height:50px;">1</div>
<div style="width:190px; height:100px;">2</div>
<div style="width:190px; height:200px;">3</div>
<div style="width:190px; height:50px;">4</div>
<div style="width:190px; height:100px;">5</div>
<div class="clearfix"></div>
<div style="width:190px; height:100px;">6</div>
</div>


我本来想的是不管1~5的高度是不是一样,
我都一定要6排在1的下面,
可是在IE6下,做不到,
求解。。。
[解决办法]
clearfix 不是 LZ 这么用的。
clearfix 用法:当子元素产生浮动时,给父层清除浮动即给父层加上 clearfix,这样 <div style="width:190px; height:100px;">6</div> 这块就会在 1 下面。

读书人网 >CSS

热点推荐