CSS - 錯誤的線性梯度

Question

如果我調整窗口的大小，爲什麼頁面末尾的背景漸變是錯誤的？

http://jsfiddle.net/hca6zz20/2/ - 從紅到藍

梯度的更好的例子http://jsfiddle.net/hca6zz20/

html, 
body { 
    height: 100%; 
} 

body { 
    background-image: linear-gradient(#363663, #1b1b32); 
    margin: 0; 
} 

Answer 1

你需要改變：

html, 
body { 
    height: 100%; 
} 

要：

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

DEMO

FULLSCREEN DEMO

Answer 2

你的白格溢出，所以你需要從100％變身爲自動。

html, 
body { 
    height: auto; 
}