我們?cè)谧鲰?yè)面布局的時(shí)候，經(jīng)常需要利用浮動(dòng)來(lái)實(shí)現(xiàn)一些布局效果，這樣帶來(lái)的后果就會(huì)導(dǎo)致父元素丟失寬度。今天我們就來(lái)說(shuō)說(shuō)‘找回‘寬度的方法。

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

下面就說(shuō)說(shuō)方法，方法其實(shí)有非常的多，下面部分方法的截圖請(qǐng)大家參考

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

一般來(lái)說(shuō) 給父元素加偽元素after是更好的方法。附圖一張：

(新手請(qǐng)多多指教)

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

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

總結(jié)

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

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