CSS3/HTML5/JavaScript垂直屏幕调整大小

Question

我想在我的网页中有一个div来占据屏幕的整个区域 - 垂直和水平。

下面会有更多的div。

我得到了水平部分，但我不知道如何做垂直部分。
这个网站确实在一定程度上：http://ournameismud.co.uk/#

Answer 1

尝试html和body的高度设置为100％，那么你的div至100％为好。
对于实例

html, body { 
    height: 100% 
    padding: 0; 
    margin: 0; 
} 

#my-div { 
    width: 100%; 
    height: 100%; 
} 

编辑：忘了margin和padding设置为0