2015-07-09 24 views
2

我一直在這一段時間,我在這裏做了很多搜索,一直沒能找到滿意的答案,所以我希望這不是一個重複的問題。獲得一個DIV去整個頁面的長度,無論長度

我有一個包裝標籤,它被設計成包含我頁面上的所有內容,然後在包裝裏面有一個大約-60px的主標籤(爲標題騰出空間)。我希望包裝和主要延伸到頁面的底部。 height:100%;適用於瀏覽器窗口大小的頁面,但當瀏覽器窗口長度超過瀏覽器窗口,包裝器和主窗口結束時,我遇到了麻煩。我已經嘗試bottom:0px;margin-bottom:px;,我不知道如何讓這個工作!

#wrapper { 
 
\t position:absolute; 
 
\t width: 990px; 
 
\t left:50%; 
 
\t height:100%; 
 
\t margin-left:-495px; 
 
\t margin-bottom:0px; 
 
\t 
 
} 
 

 
#main { 
 
    \t position:relative; 
 
\t width: 990px; 
 
\t top: -60px; 
 
\t bottom: 0px; \t 
 
}

對不起,如果這是一個重複的問題(如果是這樣的話,請拍我一個鏈接到原來的)。

回答

0

你爲什麼不嘗試

#wrapper { 
    position:absolute; 
    width: 990px; 
    left:50%; 
    min-height:100%; 
    margin-left:-495px; 
    margin-bottom:0px; 
} 

這樣,頁面將包括經過屏幕高度的內容。

+0

非常感謝,完美的作品! – tfantina