浮动

float/文档流
float：left /right/none/inherit;
文档流是文档中可显示对象在排列是所占用的位置。
浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。
clear：left/right/both/none/inherit;元素的某个方向上不能有浮动元素。
clear:both;在左右两侧均不允许浮动元素。
float的特征
1.块在一排显示
2.内联支持宽高
3.默认内容撑开宽度
4.脱离文档流
5.提升层级半层
clear 清除浮动
clear:left/right/both/none/inherit;元素的某个方向上不能有浮动元素
clear：both；在左右两侧均不允许浮动元素。
清浮动方法
1.加高（问题：扩展性不好）
2.父级浮动（问题：页面中所有元素都加浮动，margin左右自动失效）
3.inline-block清浮动方法（问题：margin左右auto失效）
4.空标签清浮动（问题：IE6最小高度19px ;解决后IE6下还有2px偏差）