clearfix

.clearfix:after { 
    content: "";
    display: block;
    clear: both;
    visibility: hidden; /*可见度设为隐藏。注意它和 display:none; 是有区别的。仍然占据空间，只是看不到而已*/  
    height: 0;
    font-size:0;
}  

.clearfix { 
	*zoom:1;
} 

• 这是针对于IE6的，因为IE6不支持 :after 伪类，zoom:1 让 IE6 的元素可以清除浮动来包裹内部元素