浮動：浮動的框可以左右移動，直至它的外邊緣遇到包含框或者另乙個浮動框的邊緣。浮動框不屬於文件中的普通流，當乙個元素浮動之後，不會影響到 塊級框的布局而只會影響內聯框（通常是文字）的排列，文件中的普通流就會表現得和浮動框不存在一樣，當浮動框高度超出包含框的時候，也就會出現包含框不會 自動伸高來閉合浮動元素（「高度塌陷」現象）。顧名思義，就是漂浮於普通流之上，像浮雲一樣，但是只能左右浮動。
正是因為浮動的這種特性，導致本屬於普通流中的元素浮動之後，包含框內部由於不存在其他普通流元素了，也就表現出高度為0（高度塌陷）。在實際布局中，往往這並不是我們所希望的，所以需要閉合浮動元素，使其包含框表現出正常的高度。
after偽類： 元素內部末尾新增內容；
:after ie6，7下不相容
zoom 縮放
a、觸發 ie下 haslayout，使元素根據自身內容計算寬高。
b、ff 不支援；12
3456
78910
11.clearfix:before, .clearfix:after
.clearfix:after
.clearfix
來自為知筆記(wiz)
清浮動方法
1.加高 問題 擴充套件性不好 2.父級浮動 問題 頁面中所有元素都加浮動，margin左右自動失效 floats bad 3.inline block 清浮動方法 問題 margin左右自動失效 4.空標籤清浮動 問題 ie6 最小高度 19px 解決後ie6下還有2px偏差 5.br清浮動 問題...
清浮動方法小結
通常我們建立一全頁面的布局時，浮動是一種常用的方法，也是頁面元素定位的一種基本功能。浮動可以讓元素乙個挨著乙個。浮動可以建立乙個自然流布局，同時充許元素設定自身尺寸和其父元素容器的尺寸大小。雖然 浮動 很好用，但是使用上還是存在一定的問題。最典型的問題就是乙個父元素包含了多個浮動的子元素。頁面的內容...
浮動相關知識及清浮動方法
先了解一下文件流的概念，所謂文件流，就是指文件中可以顯示的物件在排列是所佔的位置。而浮動就是 使我們的元素脫離正常文件流，按照指定方向發生移動，直到碰到它的父元素邊界或另乙個浮動元素的邊界 浮動是讓元素水平方向移動，不能上下移動 浮動屬性 float left 左浮動 float right 右浮動...