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

Question

我有一个最小高度为 700 像素的网页，但可能更多。如何使用 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/