.clearfix::after(清除浮动)

.clearfix::after{
content:".";
display:block;
visibility:hidden;
height:0;
clear:both;
}

.clearfix{zoom:1;}

但是对于很多同学这种优化程度代码还是不够给力，clearfix 发展到现在的两个终极版。

终极版一：

1. .clearfix:after { 
2.     content:"\200B"; 
3.     display:block; 
4.     height:0; 
5.     clear:both; 
6. } 
7. .clearfix {*zoom:1;}/*IE/7/6*/ 
8.  

解释下:content:"\200B";这个参数，Unicode字符里有一个“零宽度空格”，即 U+200B，代替原来的“.”，可以缩减代码量。而且不再使用visibility:hidden。

终极版二：

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

 

这两个终极版代码都很简洁，终极版一和二都可以使用，以上代码都经过测试，大家赶紧用一下吧

转载于:https://www.cnblogs.com/houkaihua/p/4445095.html