如何将body设置为100％并仍然扩展超过页面高度

Question

我试图将身体的高度扩展到超出页面的100％。

如果我设置

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

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

这里有一个更好的例子：

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

我已尝试将溢出设置为自动但无效。

Answer 1

删除为height:100%代码指定的body。