背景渐变不会与内容

我在我的网站上，这基本上将其分为横向两种颜色渐变的背景展开：背景渐变不会与内容

这里的CSS：

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

这工作得很好，但如果我的网站内容增加，我不得不向下滚动，背景的白色不会一直走到网站的尽头。它应该从600px到100％，但它只是停止。

任何想法？

谢谢。

2013-04-25 DanielFox

将'height'改为'min-height'，并将'min-height：100％;'应用于'html'和'body'。另外，使用'600px'作为任意点是相当草率的，我会做'50％'或什么的。 – PlantTheIdea 2013-04-25 21:00:18

完美！谢谢。 – DanielFox 2013-04-25 21:03:20

添加为一个完整的答案，所以你可以给我一个复选标记:) – PlantTheIdea 2013-04-25 21:06:02

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

另外，600px是一个任意点，我会做50%什么的。

2013-04-25 21:05:47 PlantTheIdea

回答