html - 哪种clearfix方法？

Question

/* 清除修复 */

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

或

.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix, *:first-child+html .clearfix {zoom:1;}

哪个最好？我现在用的是第一个，从来没有问题..谢谢。

Answer 1

最简洁的技术是为现代浏览器设置 overflow:hidden:

overflow:hidden;
zoom:1;

如果一个元素需要流出维度(负边距或定位)那么clearfix:

#el:after { content:""; clear:both; display:block; visibility:hidden; }

对于 IE6 及以下版本，您需要触发 hasLayout(通过宽度、缩放:1、高度和其他属性/值组合)。从 IE7 开始，溢出将清除 float 。