CSS製作內容區域全高+背景圖片

Question

對不起，這個愚蠢的問題。但是，如何將內容區域設置爲瀏覽器窗口的整個高度，而不管內容區域中有多少內容 - 即某個頁面可佔據瀏覽器窗口的整個區域（這太棒了！），但其他頁面可能只是少量的內容，並不足以推到窗口的底部。

本質上，我試圖在內容區域的左側和右側應用漸變陰影，該內容區域將一直到頁面底部，而不管內容有多少。我正在嘗試應用CSS媒體查詢，以便在屏幕較小的情況下陰影消失（即只顯示在桌面上而不顯示在手機上）。

此外，有些頁面可能有一個標題，其他頁面可能沒有。同樣適用於頁腳，最後一些頁面沒有頁眉或頁腳，所以漸變的高度需要適合所有情況，但在所有情況下總會有內容區域。

有些建議會很好。

下面是一些例子中我尋找：

實施例1：與頁眉和頁腳 實施例2：與頁腳僅 實施例3：用報頭僅 實施例4：無頁眉和頁腳

Answer 1

嘗試：

#any_content{ 
    height: auto; 
    min-height: 100%; 
} 

它將設置內容區域的最小高度。