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%;
}

修改：忘记将边距和填充设置为0。