如何製作跨越文檔整個高度的div，即使它不包含內容？

Question

我想要一個名爲「內容」的div，它從頁面頂部開始並延伸到底部，即使沒有其他內容。我試圖找出如何使用非常簡單的CSS來做到這一點，所以我可以在我現有的網站上實現它。這是我一直在玩代碼：

html { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
} 
body { 
    position: absolute; 
    top:0; 
    bottom: 0; 
    left: 0; 
    right: 0; 

} 
#content 
{ 
    position: relative; 
    top: 0; 
    margin: 0 auto; 
    border: 1px solid red; 
    width: 70% 
} 

這將使一個div，但它最終被非常簡單，只是在屏幕頂部的紅線。如果我加height: 900px;那麼它會工作，但我試圖不使用特定的測量。

Answer 1

使用min-height:100%，以便它可以增長，如果必須的話，並刪除所有其他規則（他們沒有做任何事情）。

Answer 2

#content { height: 100%; ... }怎麼樣？