目前網站的框架和代碼比較流行的是DIV+CSS形式,這種設計形式不僅操作簡便,后期修改代碼方面也隨意。在今天的內容中,小編將分享DIV外層跟隨內層自動增高的方法,以下是詳細的說明。
1.底層DIV實現嵌套DIV的高度自適應
在網站制作時需要在一個DIV里面嵌入子DIV,子DIV的高度往往會因為內容的增多變大,這時需要外面的DIV隨著子DIV的高度變化而變化。在最后一個子層DIV結束之后加上一個寬度與父DIV相同的DIV,高度設為0像素或者根據自己的需要設置一個合適高度的DIV,且該DIV不允許兩邊有浮動對象,這樣我們的網站制作就能實現外部的DIV的高度自動的適應內部的DIV的高度了。
2.設置外層div的overflow:auto;屬性
這種方法最簡單,大家只需要給外面的DIV設置設置一個overflow:auto;屬性,overflow為CSS中設置當對象的內容超過其指定高度及寬度時如何管理內容的屬性。如果使用DW來進行網站制作的,直接設置就可以了,具體的方法是選中外面的DIV,進入CSS屬性,然后找到定位,最后設置overflow為auto就可以了。