clearfix清除浮动

1. 终极版一：
   .clearfix:after {
      content:"\200B";
       display:block;
       height:0;
       clear:both;
   }
   .clearfix {*zoom:1;}/*IE/7/6*/
   解释下:content:"\200B";这个参数，Unicode字符里有一个“零宽度空格”，即 U+200B，代替原来的“.”，可以缩减代码量。而且不再使用visibility:hidden。
   

2. .clearfix:before,.clearfix:after{
     content:"";
       display:table;
   }
   .clearfix:after{clear:both;}
   .clearfix{
       *zoom:1;/*IE/7/6*/
   }

   
   

   这两个终极版代码都很简洁，终极版一和二都可以使用，以上代码都经过测试，大家赶紧用一下吧，如果有什么问题请及时跟我反馈，如果你还停留在clearfix的老代码的时候就赶紧更新一下代码吧。

      本文转自Ansue  51CTO博客，原文链接：http://blog.51cto.com/ansue/1619021，如需转载请自行联系原作者