css清除浮动样式

.container .clearfix:after {
content: "\200B";
display: block;
height: 0;
clear: both;
}

.container .clearfix {
*zoom: 1;
}

解释下:content:"\200B";这个参数&＃xff0c;Unicode字符里有一个“零宽度空格”&＃xff0c;即 U&＃43;200B&＃xff0c;代替原来的“.”&＃xff0c;可以缩减代码量。而且不再使用visibility:hidden。

.clearfix { *zoom:1;}   <----这是针对于IE6的&＃xff0c;因为IE6不支持:after伪类&＃xff0c;这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。具体意思的话&＃xff0c;不用深究&＃xff0c;听说微软的工程师自己都无法解释清楚。height:1%效果也是一样