如何设置可变高度页面的背景颜色？

Question

我有一个最小高度为700px的网页，但可能会更多。 如何使用CSS确保主体始终具有背景色？

body {
  min-height: 700px;
  background: red;
}

将不会起作用，因为正文高度最多只能填满700像素，并且在浏览器窗口更大时不会“知道”。

Answer 1

增加height:auto

body {
  height:auto;
  min-height: 700px;
  background: red;
}

但最好将此设置应用于包装器div而不是body

Answer 2

将身体的高度和宽度设置为100％。 然后使用div（如果是html5，则使用页眉，节，页脚等）来构建您的页面结构。 这是一个基本示例http://jsfiddle.net/AaDg5/