CSS :after通用clear方案的分析

.clearfix:after{content:”\0020”;display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

/*

content:”\0020”用来加入一个空格

display:block;用来使其clear属性生效

height:0;visibility:hidden;来去掉其占用的一点空白

overflow:hidden;同样用来去掉其对布局的影响

*/

ie:

.clearfix{display:inline-block;}

/ display:inline-block;用来出发ie下的haslayout属性 /

  • html .clearfix{height:1%;}

/ height:1%;用来触发ie6的haslayout /