1.給父元素加overflow:hidden

好處: 簡單, 缺點:超出的尺寸的會被隱藏, 建議使用2, 3的方式

2.給父元素添加類clearfix, 內容如下:

.clearfix{
    *zoom:1;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

3.與2相似, 用雙偽類

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

常用的清除浮動做法