html - 我怎样才能将正文设置为 100% 并且仍然扩展到过去的页面高度

Question

我正在尝试将正文的高度扩展到超过页面的 100%。

如果我设置

body, html { height: 100%; 
             background-color: darkbrown; }
.container { height: 100%; }

然后如果容器内的内容超过 100%，它就会溢出并且不会保存颜色。这里的问题是，除非我删除高度或将其更改为最小高度，否则它将继续这种行为。我该怎么做才能改变这种情况？请记住，设置高度 % 是创建粘性页脚所必需的。

这是一个带有更好例子的 fiddle :

http://jsfiddle.net/hfqGu/1/

我试过将溢出设置为自动但无济于事。

Answer 1

删除为 body 标签指定的 height:100%。