CSS-清除浮动终极方案

.clearfix::after,

.clearfix::before {

    content: '';

    display: table;

    clear: both;

}

//在需要清除浮动的元素上增加class

<div class="clearfix"></div>

如果要兼容IE6，还需要写下面的样式

.clearfix {

    zoom: 1; 

}