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

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

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

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

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

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

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