html - 内容溢出时如何强制背景下整个页面？

Question

我想有一个渐变背景，我的网站的主要内容div与它自己的背景颜色分开。

当的高度div小于页面的高度时，一切似乎都显示正常。但是，当的高度div大于页面/窗口的高度时（内容溢出屏幕），背景渐变似乎停止了。

这个 JSFiddle 说明了我的问题：http: //jsfiddle.net/AEpE5/

如果您增加结果窗口的高度以div完全包含内容，您可以看到背景渐变很好地显示在内容下方。但是，如果您降低结果窗口的高度（或只是在中添加更多内容div）以使内容div不完全包含在结果窗口中，然后向下滚动（以便查看中的其余内容div），您可以看到背景渐变好像结束了。

显然，我希望我的背景渐变在整个页面上继续向下（直到我到达我的内容的末尾，而不仅仅是到窗口的末尾）。那将如何实现？

score 1 · Accepted Answer

1

摆脱

html {
  height: 100%;
}

这将停止渐变。

于 2013-10-13T01:47:19.503 回答

score 0 · Accepted Answer

Remove this:

html{
    height: 100%;
    min-height: 100%;
}

Just a note for you, the HTML does not need to be set to 100% unless you are also setting the body to 100% so your elements can be 100%.

score 0 · Accepted Answer

0

改变你body {...}的html, body {...}

于 2013-10-13T01:46:20.670 回答

3 回答 3