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

Question

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

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

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

一些建议会很好。

这是我正在寻找的一些示例：

示例 1：带有页眉和页脚 示例 2：仅使用页脚 示例 3：仅使用 Header 示例 4：没有页眉和页脚

Answer 1

试试：

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

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