通用清除浮动方式

1.常用清除浮动的方式（优雅）

<span style="font-size:18px;">.clearfix:before,
.clearfix:after{
    content:' ';
    display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix {
    *zoom: 1;  /*兼容低版本IE*/
}</span>

2.BFC概念及布局

参考资料

（1）CSS深入理解流体特性和BFC特性下多栏自适应布局

     http://www.zhangxinxu.com/wordpress/2015/02/css-deep-understand-flow-bfc-column-two-auto-layout/