浮动的特点
- 浮动的本质是实现文字环绕效果。
- 浮动具有破坏性，会导致盒模型塌陷。（在这个意义上讲，浮动的效果和display:inline-block相同，但是浮动多了方向性）
- 浮动可实现包裹性。（2，3的意思总结为，浮动元素自身实现BFC，但是会导致父元素高度塌陷）
绝对定位
- 完全脱离文档流。
- 可实现包裹性。
相同点：
脱离文档流，导致父元素高度塌陷。
不同点：
浮动没有脱离文字流。仍然在inline box 占据位置。
绝对定位导致的塌陷不可清除，浮动可清除。
清除浮动的几种方法：
- 增加空div ( 不推荐 )
{
clear:both;
height:0;
overflow:hidden;
}
- 盒模型增加clearfix
.clearfix :after {
content:'';
display:block;
clear:both;
}
- 触发BFC
