日期:2014-05-17  浏览次数:20652 次

清除浮动的疑问

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