在網(wǎng)站建設(shè)中,我們常常遇到這樣的問題:在有邊欄和主欄的網(wǎng)頁里,怎樣實(shí)現(xiàn)邊欄的高度隨主欄的高度增加而增加。
蘇州網(wǎng)站建設(shè)告訴你以下幾個小訣竅:
1.使用table嵌套親們,在切圖的時候,千萬別忘了table 的兩個td是可以等高的。
你只需要一個一行兩列的表格就可以輕松制作出兩邊等高的網(wǎng)頁。
缺點(diǎn):table定位已經(jīng)過時,不再符合W3C標(biāo)準(zhǔn),對搜索引擎也不友好。但是稍微這么一小下下應(yīng)該影響不大,你可以放心使用。如果實(shí)在不喜歡table定位可以嘗試下面的JS方法。
2.使用javascript設(shè)置動態(tài)高度首先用JS獲取主欄的高度,然后設(shè)置邊欄的高度等于的主欄的高度。具體代碼我就不寫了,因?yàn)閟o easy!
3.使用背景做邊欄等高的假象這種方法其實(shí)不是真的實(shí)現(xiàn)兩邊相等,而是制造一個假象。假設(shè)你的邊欄樣式不一樣,你就可以為兩欄的父級設(shè)置一個背景,然后按y軸平鋪,這樣就可以制作出兩邊相等的樣式了。只是樣式哦!