css父類清除浮動的原因詳解

浮動因素在靜態網頁製作中經常被應用到，比如要讓區塊層級元素不獨佔一行，常常應用設定float的方式來實現。但是應用的時候會發現，設定了子類浮動後，未給父類清除浮動，這樣就會造成一下問題：

　　　　　　　　1.浮動的元素會相對於父容器或者是前面已經定位的元素進行浮動，浮動的元素脫離文檔流，也就是不再佔有原有的位置，會影響後面的元素或者是父容器。

　　　　　　　　2.父容器正常情況下會自動擴高，但是子項目加了浮動後位置不保留，父容器就感覺它不存在了，所以不會擴高。

所以，在編寫靜態網頁時，一定要注意浮動的清除問題，一段清除浮動代碼可以方便調用：　　　

　.clearFloat:after{　　　　　　　　　　　　　　　　content:' ';　　　　　　　　　　　　　　　　display:block;　　　　　　　　　　　　　　　　height:0;　　　　　　　　　　　　　　　　visibility:hidden;}　　　　　　　　　　.clearFloat{　　　　　　　　　　　　　　　　zoom:1;}