清除浮动的用法clearfix

经过各种清除浮动的比较，以及日常的应用，发现最好最完美的一种方法就是这个：

代码如下，

css:

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}//只针对IE6/7

HTML:

<div class="clearfix" style="border:1px solid #000;">
 <div style="float:left; height:50px; width:500px; background:#ccc;"></div>
 <div style="float:left; height:50px;width:40px; background:#f60;"></div>

</div>

补充一个层之间的清除浮动也可以用这个：

.clear{clear:both;height:0;font-size: 1px;line-height: 0px;}//清除浮动

<br class="clearfloat" /><!-- 用于清除浮动的元素 -->