背景渐变不会随内容扩展

Question

我的网站有渐变背景，基本上将它分为两​​种颜色：

这是CSS：

html {
    height: 100%;
}
body {
    background: -webkit-linear-gradient(top, #f57171 0px, #f57171 600px, #FFFFFF 600px, #FFFFFF 100%);
}

这很好用，但如果我的网站内容增加而且我必须向下滚动，背景的白色将不会一直到网站的末尾。它应该从600px到100％，但它只是停止。

有什么想法吗？

感谢。

Answer 1

您将html设置为100%高度，这只是屏幕高度。尝试将html和body设置为min-height:100%;。

jsFiddle example

此外，600px是一个任意点，我会做50%或其他什么。