背景漸變不會與內容

我在我的網站上，這基本上將其分爲橫向兩種顏色漸變的背景展開：背景漸變不會與內容

這裏的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

回答