問(wèn)題描述

求大神解答

問(wèn)題解答

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

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

DIV層內(nèi)的元素在使用了float屬性后無(wú)法自動(dòng)改變高度的解決辦法： 有的時(shí)候?yàn)榱俗屚鈧?cè)層根據(jù)內(nèi)容自動(dòng)調(diào)整，沒(méi)有設(shè)置高度或?qū)挾龋话愣紩?huì)正常顯示。 但如果層內(nèi)元素使用了float屬性，就會(huì)使那些元素脫離文件流，就無(wú)法再擴(kuò)充容器層，就會(huì)導(dǎo)致外層大小無(wú)法根據(jù)內(nèi)容自動(dòng)調(diào)整。

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

清除浮動(dòng) 在層中的有浮動(dòng)屬性的元素最后邊加上來(lái)清除

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

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

要清理浮動(dòng)的情況大部分是利用浮動(dòng)來(lái)布局的情況，因?yàn)槟欠N情況下，父容器不能自適應(yīng)高度包容浮動(dòng)的元素，所以需要清理浮動(dòng)來(lái)達(dá)到包容浮動(dòng)元素的目的，IE則可以讓父容器具有 layout 來(lái)達(dá)到。