以前总是加一个<div sytle="clear:both"></div>来解决，但这样会增加无语义的标签，下面是用after伪类 实现，兼容多种浏览器。
/** 清浮动 **/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */
