浮動
float半脫離文檔流（對元素，脫離文檔流；對內容，在文檔流）
浮動的定義：使元素脫離文檔流，按照指定方向發(fā)生移動，遇到父級邊界或者相鄰的浮動元素停了下來。

float:left | right | none | inherit;
浮動的特征：
1、塊在一排顯示
2、內聯(lián)支持寬高
3、默認內容撐開寬度
4、脫離文檔流
5、提升層級
清除浮動：
1.加高
問題：擴展性不好

2.父級浮動
問題：頁面中所有元素都加浮動，margin左右自動失效

3.inline-block 清浮動方法：
問題：margin左右auto失效；

4.空標簽清浮動
問題：IE6 最小高度 19px；（解決后IE6下還有2px偏差）

5.br清浮動
問題：不符合工作中：結構、樣式、行為，三者分離的要求。

6.after偽元素 清浮動方法（現(xiàn)在主流方法）
.clear:after{
display: block;
content: '';
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.clear{
*zoom:1;
}

after偽元素： 元素內部末尾添加內容；
:after{content"添加的內容";} IE6，7下不兼容
zoom 縮放 ie6 7兼容

7.overflow:hidden 清浮動方法；
8.position:absolute; 絕對定位元素子級的浮動可以不用寫清浮動方法；
position:fixed; 固定定位元素子級的浮動可以不用寫清浮動方法；（IE6不兼容）