清除浮动的两种方法

方法1：将clearfix应用于父元素

.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}

 

方法2：在float元素的并列位置的末尾添加一个空的div，并应用clear样式。
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}