清除浮动的难点就是要兼容多浏览器，safari、chrome、firefox、IE缺一不可，而且代码还要精简。最后的优化方案有两个：
优化方案一：
.clearfix:after{clear:both;content:"\200B";display:block;height:0;} .clearfix{*zoom:1;}
Unicode字符里有一个“零宽度空格”，即 U+200B，代替原来的“.”，可以缩减代码量。而且不再使用visibility:hidden。
优化方案二：
.clearfix:before, .clearfix:after {content:"";display:table; } .clearfix:after {clear:both;} .clearfix{zoom:1;}
这两段代码经过测试，在Firefox下工作的不错。
最新文章
热门文章
猜你喜欢
