問題描述

求大神解答

問題解答

CSS 清除浮動的作用是什么？-PHP中文網(wǎng)問答-CSS 清除浮動的作用是什么？-PHP中文網(wǎng)問答

圍觀一下哦，學(xué)習(xí)一下。

DIV層內(nèi)的元素在使用了float屬性后無法自動改變高度的解決辦法： 有的時候為了讓外側(cè)層根據(jù)內(nèi)容自動調(diào)整，沒有設(shè)置高度或?qū)挾龋话愣紩ｏ@示。 但如果層內(nèi)元素使用了float屬性，就會使那些元素脫離文件流，就無法再擴充容器層，就會導(dǎo)致外層大小無法根據(jù)內(nèi)容自動調(diào)整。

關(guān)于這個問題，總結(jié)出以下幾種方法，供大家參考

清除浮動 在層中的有浮動屬性的元素最后邊加上來清除

將display設(shè)置為table 一般來說，外層寬度都是固定的，設(shè)置寬度后可以將外層的顯示模式設(shè)置為

添加overflow設(shè)置為hidden 將外層的overflow設(shè)置為

要清理浮動的情況大部分是利用浮動來布局的情況，因為那種情況下，父容器不能自適應(yīng)高度包容浮動的元素，所以需要清理浮動來達到包容浮動元素的目的，IE則可以讓父容器具有 layout 來達到。