如何在CSS中將窗口的高度設置爲窗口的高度？

Question

我有一個部門必須覆蓋我的屏幕（窗口）的總高度和高度。 例如： HTML：

<div id="all"></div> 

我試圖完成這樣的事情：

#all{ 
    width:100%; 
    height:100%; 
    position:absolute; 
    top:0px; 
    left:0px; 
} 

我認爲這是不可能的，因爲如果該文件是不是CSS無法計算窗口的大小完全填滿它。如果我錯了，請糾正我，這只是一個理論。如果我的理論是正確的，是否有可能將身體的高度默認設置爲窗口高度的100％，以便它可以工作？

喜歡的東西：

body{ 
height:100% 
} 

我知道如何使用jQuery做到這一點的JavaScriptØ：

$(document).ready(function(){ 
    $('#div').css({ 
    height:$(window).height(), 
    width:$(window).width() 
}); 
}); 

但我想弄清楚，如果這是可能的純CSS。有什麼想法嗎？謝謝。

Answer 1

嘗試：

html, body, #all 
{ 
    margin: 0px; 
    padding: 0px; 
    height: 100%; 
    width: 100%; 
} 

Answer 2

爲right和bottom也只需指定一個0值。

#all { top:0; left:0; right:0; bottom:0; position:absolute; } 

Answer 3

您可以通過元素的絕對定位來實現此目的。

.fullHeight 
{ 
    position: absolute; 
    top: 0px; 
    bottom: 0px; 
} 

將此類應用於要爲其設置100％窗口高度的元素。