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

Question

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

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

不起作用，因为身高只会填充700px，并且在浏览器窗口较大时不会“知道”。

Answer 1

添加height:auto

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

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

Answer 2

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