分享DIV外層跟隨內(nèi)層自動(dòng)增高的方法

來(lái) 源：暢想網(wǎng)絡(luò)　 作 者：小 編　 發(fā)布時(shí)間：2018-10-10

目前網(wǎng)站的框架和代碼比較流行的是DIV+CSS形式，這種設(shè)計(jì)形式不僅操作簡(jiǎn)便，后期修改代碼方面也隨意。在今天的內(nèi)容中，小編將分享DIV外層跟隨內(nèi)層自動(dòng)增高的方法，以下是詳細(xì)的說(shuō)明。

1.底層DIV實(shí)現(xiàn)嵌套DIV的高度自適應(yīng)

在網(wǎng)站制作時(shí)需要在一個(gè)DIV里面嵌入子DIV，子DIV的高度往往會(huì)因?yàn)閮?nèi)容的增多變大，這時(shí)需要外面的DIV隨著子DIV的高度變化而變化。在最后一個(gè)子層DIV結(jié)束之后加上一個(gè)寬度與父DIV相同的DIV，高度設(shè)為0像素或者根據(jù)自己的需要設(shè)置一個(gè)合適高度的DIV，且該DIV不允許兩邊有浮動(dòng)對(duì)象，這樣我們的網(wǎng)站制作就能實(shí)現(xiàn)外部的DIV的高度自動(dòng)的適應(yīng)內(nèi)部的DIV的高度了。

2.設(shè)置外層div的overflow:auto;屬性

這種方法最簡(jiǎn)單，大家只需要給外面的DIV設(shè)置設(shè)置一個(gè)overflow:auto;屬性，overflow為CSS中設(shè)置當(dāng)對(duì)象的內(nèi)容超過(guò)其指定高度及寬度時(shí)如何管理內(nèi)容的屬性。如果使用DW來(lái)進(jìn)行網(wǎng)站制作的，直接設(shè)置就可以了，具體的方法是選中外面的DIV，進(jìn)入CSS屬性，然后找到定位，最后設(shè)置overflow為auto就可以了。