浮動是瀏覽器解析網頁的一個重要概念。對於一個XHTML網頁，body元素下的任意元素，根據其先後順序，組成了一個上下關係，這便是文檔流。瀏覽器根據這些元素的順序去顯示它們在網頁中的位置。文檔流是瀏覽器的默認顯示規則。
float :none| left | right
1、浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框爲止。
2、由於浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。
3、浮動元素會生成一個塊級元素，而不論它本身是何種元素。
4、如果未給浮動元素設置寬度，那麼其寬度爲內容寬度。
浮動中常見的問題
IE6 margin加倍
產生原因：同方向定義了float和margin,如margin-left,float:left
解決：display:inline。內聯元素沒有加倍問題
IE6的3像素問題
產生原因：左邊加float，右邊沒加。
解決：都加浮動
內層浮動，外層不能自動擴高
產生原因：內層元素浮動，脫離文檔流，外層等同於沒有包含內容。
解決：內部清除浮動。或者overflow:hidden;zoom:1;
浮動元素自動換行，被卡住問題
解決：固定寬高，overflow：hidden
浮動的列表，圖標不出現
解決：將小圖標用做li的背景