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

而清除浮動后的效果應該是這樣的請看：

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

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

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

(新手請多多指教)

轉載于:https://www.cnblogs.com/libin-1/p/6220102.html

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。