如何爲可變高度頁面設置背景顏色？

Question

我有一個最小高度爲700px的網頁，但可能更多。我如何使用CSS來確保身體始終具有背景色？

body { 
    min-height: 700px; 
    background: red; 
} 

不會起作用，因爲身高只有填寫多達700像素，並且不「知道」，當瀏覽器窗口更大。

Answer 1

添加height:auto

body { 
    height:auto; 
    min-height: 700px; 
    background: red; 
} 

但更好的使用此設置您的包裝股利，而不是身體

Answer 2

你身體的高度和寬度設置爲100％。然後使用div（或者，如果html5，標題，部分，頁腳等）來構建頁面結構。這裏有一個基本的例子http://jsfiddle.net/AaDg5/