1. 父元素下的最后一個浮動元素后,添加一個新標簽,設置clear:both(不推薦)
* 優點:通俗易懂,方便
* 缺點:添加無意義標簽,語義化差
2. 父元素添加overflow:hidden(不推薦)
* 優點:代碼簡潔
* 內容增多時,會造成無法顯示要溢出的內容
3. 父元素添加after偽元素(推薦)
* 優點:代碼簡潔
* 缺點:ie6-7不支持偽元素,可以是用zoom觸發ie的hasLayout屬性
```
.clearfix:after{
content: "";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
.clearfix{
*zoom: 1;
}
<div class="fahter clearfix">
<div class="big">big</div>
<div class="small">small</div>
</div>
```