我們在做頁面布局的時候，經(jīng)常需要利用浮動來實現(xiàn)一些布局效果，這樣帶來的后果就會導(dǎo)致父元素丟失寬度。今天我們就來說說‘找回‘寬度的方法。

而清除浮動后的效果應(yīng)該是這樣的請看：

下面就說說方法，方法其實有非常的多，下面部分方法的截圖請大家參考

（1）父級div定義height。
（2）結(jié)尾處加空div標(biāo)簽clear:both。
（3）父級div定義偽類:after和zoom。
（4）父級div定義overflow:hidden。
（5）父級div定義overflow:auto。
（6）父級div也浮動，需要定義寬度。
（7）父級div定義display:table。
（8）結(jié)尾處加br標(biāo)簽clear:both

一般來說 給父元素加偽元素after是更好的方法。附圖一張：

(新手請多多指教)

轉(zhuǎn)載于:https://www.cnblogs.com/libin-1/p/6220102.html

《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的谈谈常用清除浮动的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。