最常用CSS清除浮动代码

我们在用CSS修饰页面样式的时候，浮动是非常普遍的，所以清除浮动也会经常的，清除浮动的方法不少，但是唯爱伪元素清除浮动这个方法，为了减少冗余的代码，专业的写法如下：

.clearfix:after{

      content:"";

      display:block;

      clear:both;

      height:0;

      visibility:hidden;

} /*所有主流浏览器都支持 :after 伪元素。*/

.clearfix{*zoom:1;} /*只针对IE6/7*/

案例：

<div class=" main clearfix">

   <div class="left"></div>

    <div class="right"></div>

</div>

以上代码的意思就是，需要做清除浮动的父级元素命名类名为clearfix

代码在兼容ie方面可能尚有不足，欢迎大神补充，指正！！！