1、使用overflow 屬性
給浮動元素的容器新增overflow:hidden;或overflow:auto;可以清除浮動，另外在 ie6 中還需要觸發 haslayout ，例如為父元素設定容器寬高或設定 zoom:1。
.father給浮動元素的容器也新增上浮動屬性即可清除內部浮動，但是這樣會使其整體浮動，影響布局，不推薦使用。
3、在浮動元素後新增乙個空標籤
"clear"
>
.clear
缺點：需要新增大量無語義的html元素，**不夠優雅，容易造成結構的混亂，後期不容易維護
4、 :after偽元素
給浮動元素的容器新增乙個clearfix的class，然後給這個class新增乙個:after偽元素實現元素之後新增乙個看不見的塊元素（block element）清理浮動
.clearfix:after
.clearfix
缺點：clearfix這個class需要新增zoom: 1（觸發haslayout），才能支援ie6和ie7瀏覽器
建議：推薦使用，設定公共類，減少css**
css如何清除浮動？
清除浮動主要是為了解決，父元素因為子級元素浮動引起的內部高度為0的問題 1.如下，我給父盒子設定乙個boder，內部放兩個盒子乙個big 乙個small，未給big和small設定浮動，則他們會預設撐開父盒子 2.當我給內部兩個盒子加上float屬性的時候 頂部深藍色盒子就會頂上來，然後父盒子因為沒...
HTML如何清除浮動？
一 給父級元素設高 一般不推薦使用 二 clear語法 選擇器 clear 清除 屬性值描述 left 不允許左側有浮動元素 清除左側浮動的影響 right 不允許右側有浮動元素 清除右側浮動的影響 both 同時清除左右兩側浮動的影響 ps 實際工作中我們幾乎只用clear both 三 額外標籤...
關於如何清除浮動
在了解如何清除浮動之前，我們先了解一下為什麼我們要對元素進行浮動。我們都知道，div作為乙個塊標籤來說，它是獨佔一行，從上而下排列的，這就是所謂的標準流。但是，在實際應用中，我們有時需要將兩個或者多個div在一行顯示，這時，我們就要對元素進行浮動已達到這個結果。浮動之後的元素已經脫離了文件流，漂浮於...