DIV+CSS是目前比較流行的網(wǎng)站代碼,如果很熟練的使用它,網(wǎng)站就可以更好的被展現(xiàn)出來?墒怯袝r(shí)候DIV也會(huì)出現(xiàn)很多問題,比如嵌套DIV高度自適應(yīng)的問題,也許會(huì)有很多辦法實(shí)現(xiàn),不過有一個(gè)簡(jiǎn)單的辦法可以幫助大家解決問題,下面廊坊網(wǎng)站制作公司就來具體的介紹下。
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)容超過其指定高度及寬度時(shí)如何管理內(nèi)容的屬性。
如果我們是使用DW來進(jìn)行網(wǎng)站制作的,直接設(shè)置就可以了,具體的方法是:選中外面的DIV ---進(jìn)入 CSS屬性 --- 找到定位---然后設(shè)置overflow為auto就可以了。
總結(jié):以上內(nèi)容可以幫助大家很好的完成設(shè)置,并且兼容絕大部分的瀏覽器。