* float:left|right|none|inherit *
- 浮动元素宽度默认宽度为内容宽度
- 脱离文档流
- 向指定方向一直移动
- float的元素在同一文档流
-
float元素半脱离文档流
说明：对元素，脱离文档流；对内容，在文档流。
eg.
屏幕快照 2016-07-21 下午7.33.30.png
clear清除浮动
- clear:both|left|right|none|inherit
- 应用于后续元素
-
应用于块级元素
使用方式：
- 空白元素
屏幕快照 2016-07-21 下午8.04.24.png
- clearfix
在浮动元素的父元素上使用clearfix清除浮动
屏幕快照 2016-07-21 下午8.06.10.png
两列布局
屏幕快照 2016-07-21 下午8.32.57.png
