HTML清除浮动,清除margin-top塌陷

在样式中增加如下样式

.clearfix:before,.clearfix:after{
      content: "";
      display: table;
}
.clearfix:after{
      clear: both; 
}
.clearfix{
      zoom:1;
}

before的样式是清除margin-top塌陷要用的,
after的样式是清除浮动用的(防止浮动撑不开父控件高度)
zoom是为了兼容IE浏览器