CSS制作内容区域全高+背景图像

Question

抱歉这个愚蠢的问题。但是如何将内容区域设置为浏览器窗口的整个高度，而不管其中有多少内容 - 即某些页面可能占据浏览器窗口的整个区域（这很棒！）但是其他页面可能只有少量内容并不足以一直推到窗口底部。

基本上我尝试在内容区域的左侧和右侧应用渐变阴影，无论内容多少，都会一直到页面底部。我正在尝试应用css媒体查询，以便在屏幕较小时阴影消失（即它只会出现在桌面而不是移动设备上）。

此外，有些页面可能有标题，有些则没有。同样适用于页脚，最后一些页面没有页眉或页脚，因此渐变的高度需要适合所有情况，但在所有情况下都会有内容区域。

一些建议会很好。

以下是我正在寻找的一些例子：

示例1：带页眉和页脚 示例2：仅限页脚 示例3：仅限标题 示例4：没有页眉和页脚

Answer 1

尝试：

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

它将为内容区域设置最小高度。