在頁面的布局和排版中，難免會遇到需要新增浮動和清除浮動的情況，如果不清楚浮動很有可能會造成頁面布局塌陷，那麼如何清除浮動呢，下邊我就來介紹幾個簡單的方法，親測有效。
方法一：給父級新增固定的高。例如：
用法：適合高度固定的布局，給出明確的高度。
方法二：在浮動結束後加上div標籤，新增樣式：clear:both，例如：
用法：此方法瀏覽器支援度高，簡單，不過，過多使用會形成較多的空div，造成結構不便於理解。
方法三父級div定義寬度和溢位隱藏樣式，不能定義高度。例如：
用法：不要給具有定位的div新增此樣式，會使超出部分隱藏。
方法四：父級定義：overflow：auto。例如：
用法：當內部div高度超過父級，會出現滾動條，需要特別注意。
css幾種清除浮動的方法
在div css布局時，為了實現多種布局，會用到浮動。但是不清除浮動也會產生一些問題。1 設定浮動會被塊級兄弟元素覆蓋 我設定了浮動但是沒有背景色 我沒有設定浮動，但是有背景色 body div1 div blank div blue2 父元素高度塌陷 我是塊元素，設定了浮動 我是span，沒有設定...
css清除浮動的幾種方法 清除浮動的方法有哪些？
為什麼使用浮動？浮動是一種常見的布局方式，當兩個或者多個塊級元素 塊級元素的特點是在文件中獨佔一行 需要並列為一行的時候，我們就需要加浮動 擴充套件知識，使塊級元素並列在一行的方式有很多種，比如使用display inline block,但是display inline block轉換出來的元素，...
css清除浮動的幾種方法
我一直以為產生浮動要我們給元素設定float，例如這裡提到的 今天我發現如果父盒子高度不定，子元素沒有設定浮動，如果父盒子高度變為0，那麼裡面的子元素會浮動，效果 黃色盒子上移了，很明顯child產生了浮動，效果等同於父盒子高度不定，子元素設定浮動，那麼父盒子高度會變成0，也就是高度坍塌。那麼如何解...