如何將div高度設置爲100％？

Question

我創建了空白部分。我試圖給高度爲100％對於風格，因爲我需要顯示在瀏覽器屏幕的整個頁面的div，但我不能給高度爲100％。是否有任何可能的方法將空格高度設置爲100％？

<div id="test"> 
     <div id="test1"> 

     </div> 
    </div> 

Answer 1

您必須指定高度，家長/ div的同時，即

#test, #test1 
{ 
    height: 100%; 
} 

，如果你想讓它全屏幕，你必須使用這樣的：

#test1, #test, body, html 
{ 
    height: 100%; 
} 

希望這會有所幫助。

Answer 2

您也可以使用JavaScript這個

var h = document.getElementById("mainContentID").offsetHeight; 
document.getElementById("menuID").style.height = h + "px"; 

1行創建了一個新的變量「H」，並指定這個變量中找到一個元素的高度。這不會返回CSS中指定的「height：」，它將返回文檔在屏幕上顯示的實際高度。

2號線填充「的高度：」樣式值，另外，短，元件與變量h +「PX」

將這個代碼靠近你的文檔的末尾，可能是對身體標記之前，它會在頁面加載時運行。你也可以把它包裝在jquery $（window）.load，甚至$（document）.ready中。但事實上，沒有庫依賴關係 - 只是簡單的舊JavaScript！

請檢查http://jsfiddle.net/BDEnM/

Answer 3

你可以在你的CSS像

#test,#test1 { 
min-height: 100%; 

}