扫除浮动的疑问

清除浮动的疑问

<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 下面。

查看更多 下一篇