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>
```
