如何設(shè)置外層DIV跟隨內(nèi)層自動增高

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

DIV+CSS是目前比較流行的網(wǎng)站代碼，如果很熟練的使用它，網(wǎng)站就可以更好的被展現(xiàn)出來�？墒怯袝r候DIV也會出現(xiàn)很多問題，比如嵌套DIV高度自適應(yīng)的問題，也許會有很多辦法實現(xiàn)，不過有一個簡單的辦法可以幫助大家解決問題，下面廊坊網(wǎng)站制作公司就來具體的介紹下。

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è)置當對象的內(nèi)容超過其指定高度及寬度時如何管理內(nèi)容的屬性。

如果我們是使用DW來進行網(wǎng)站制作的，直接設(shè)置就可以了，具體的方法是：選中外面的DIV ---進入 CSS屬性 --- 找到定位---然后設(shè)置overflow為auto就可以了。

總結(jié)：以上內(nèi)容可以幫助大家很好的完成設(shè)置，并且兼容絕大部分的瀏覽器。