2011-01-31 81 views
0

我正在修復此頁面,http://blisshair.com.au/testing/。 我想要做的是讓「菜單」和「內容」div伸展到頁面底部。將div伸展到容器中的頁面底部

這是CSS,任何幫助是極大的讚賞,謝謝:)

@charset "utf-8"; 
/* CSS Document */ 

body { 
    background-color:#000; 
} 

.wrapper{ 
    margin-left:auto; 
    margin-right:auto; 
    background:#0F0; 
    width:100%; 
    overflow:auto; 
    min-height:80%; 
} 

.wrapper1{ 
    margin-left:auto; 
    margin-right:auto; 
    background:url(bg.gif) 20% 0; 
    width:100%; 
    overflow:auto; 
} 

.menu{ 
    float:left; 
    width:20%; 
} 

.content{ 
    float:left; 
    width:80%; 
} 

footer{ 
    width:100%; 
} 

header{ 
    width:100%; 
} 

編輯:我試圖使「內容」和「菜單」的div伸展到頁面的長度,如如此處所述。

+1

這裏的目的是讓頁面底部的頁腳像這些答案所假設的那樣,或者讓「菜單」和「內容」div伸展到頁面底部,就像您在問題中提出的問題一樣? – thirtydot 2011-01-31 13:01:41

+1

嗨,目的是讓菜單和內容divs延長頁面的長度, – Nik 2011-01-31 13:11:33

回答

0

從我自己的經驗來看,這隻能通過JavaScript來完成。

在我自己的應用程序中,我使用了一個計時器並將高度調整爲主窗口的高度。

這是如何谷歌日曆做到了。

我最近在answered a similar question here on SO