用after伪类清除浮动

以前清除浮动，喜欢给父元素定义overflow:hidden；觉得比较简洁，但今天调试发现这种方法在IE6下会出现排列参差不齐的问题，现在开始改用插入after伪类的方法。

具体如下，定义一个.clearfix的样式，并赋给浮动元素的父元素

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

.clearfix { *zoom:1;}