/ *清除修复* /
.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;}
解决方法
最简洁的技术是设置溢出：隐藏现代浏览器：
overflow:hidden; zoom:1;
如果元素需要流出尺寸(负边距或定位),则clearfix：
#el:after { content:""; clear:both; display:block; visibility:hidden; }
对于IE6及更低版本,您需要触发hasLayout(通过宽度,缩放：1,高度和其他属性/值组合).从IE7开始,溢出将清除浮动.
