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