對于很(hěn)多(duō)網站制作(zuò)的新(xīn)手朋友來說，學(xué)習DIV+CSS是必不可(kě)少的。比如嵌套DIV 高度自适應的問題，我們也看過很(hěn)多(duō)這樣的實現方式，比如很(hěn)多(duō)論壇或者百度問答(dá)說到用(yòng)JS程序實現，可(kě)能(néng)對很(hěn)多(duō)網站制作(zuò)的新(xīn)手朋友來說看起來有(yǒu)些費腦筋，今天說兩個最最簡單的實現方法，大家一看就知道了。

　　第一種，巧用(yòng)底層DIV實現嵌套DIV的高度自适應

　　很(hěn)多(duō)時候，我們在網站制作(zuò)的時候，需要在一個DIV裏面嵌入子DIV，子DIV的高度往往會因為(wèi)内容的增多(duō)變大，這個時候需要外面的DIV随着子DIV的高度變化而變化。很(hěn)多(duō)新(xīn)手朋友在網上問父層DIV沒有(yǒu)被id為(wèi)sub的裏層子DIV撐高，整體(tǐ)樣式出現嚴重的走樣效果。

　　所以，今天說的一個簡便的處理(lǐ)方法就是，我們可(kě)以在最後一個子層DIV結束之後加上一個寬度與父DIV相同的DIV，高度設為(wèi)0像素或者根據自己的需要設置一個合适高度的DIV，且該DIV不允許兩邊有(yǒu)浮動對象，這樣我們的網站制作(zuò)就能(néng)實現外部的DIV的高度自動的适應内部的DIV的高度了。這樣完全不需要寫什麽複雜的程序。

　　第二種：設置外層div的overflow:auto;屬性

　　這種方法其實是最簡單的，我們隻需要給外面的DIV設置設置一個overflow:auto;屬性就可(kě)以了。overflow 為(wèi)CSS中(zhōng)設置當對象的内容超過其指定高度及寬度時如何管理(lǐ)内容的屬性。所以，如果我們是使用(yòng)DW來進行網站制作(zuò)的，直接設置就可(kě)以了，具(jù)體(tǐ)的方法是：選中(zhōng)外面的DIV ---進入 CSS屬性 --- 找到定位---然後設置overflow為(wèi)auto就可(kě)以了。