Css 背景梯度赢得'；不要随内容扩展

我的网站有一个渐变背景，基本上将其水平分为两种颜色：

以下是CSS：

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

这很好，但如果我的网站内容增加，我不得不向下滚动，背景的白色不会一直延伸到网站的末尾。它应该从600px到100%，但它只是停止

有什么想法吗

---

谢谢。

您正在将html设置为

100%

高度，这只是屏幕高度。尝试将

html

和

body

设置为

minheight:100%


另外，
600px
是一个任意点，我会做
50%
或其他什么。
将
height
更改为
minheight
，并应用
minheight:100%
到
html
和
body
。另外，使用
600px
作为任意点是相当草率的，我会做
50%
或其他什么。作为完整答案添加，以便您可以给我打勾：）