万能清除浮动样式

.clearfix:after 
{ 
 content: "."; 
 clear: both; 
 height: 0; 
 visibility: hidden; 
 display: block; 
} /* 这是对Firefox进行的处理，因为Firefox支持生成元素，而IE所有版本都不支持生成元素 */ .clearfix{display: inline-block;} /* 这是对 Mac 上的IE浏览器进行的处理 */ * html .clearfix{ height: 1%; } /* 这是对 Win上 的 IE6 浏览器进行的处理 */ * + html .clearfix{ height: 1%; } /* 这是对 Win 上的 IE7 浏览器进行的处理 */ .clearfix{display: block;} /* 这是对display: inline-block;进行的修改，重置为区块元素*/

.clearfix:after {
 content: "020";
 display: block;
 height: 0;
 clear: both;}.clearfix {
 zoom: 1;}