版本一
.clearfix:after {
content:"\200B";
display:block;
height:0;
clear:both;
}
解释下:content:”\200B”;这个参数,Unicode字符里有一个“零宽度空格”,即 U+200B,代替原来的“.”,可以缩减代码量。而且不再使用visibility:hidden。
版本二
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix:after{clear:both;}

本文介绍了两种实现CSSclearfix的方法。一种通过使用Unicode字符“零宽度空格”(U+200B)来替代传统的“.”字符,以减少代码量并提高代码效率;另一种则采用伪元素:before和:after配合display:table属性实现。这两种方法均避免了使用visibility:hidden。
525

被折叠的 条评论
为什么被折叠?



