Css 设置高度内容，扩展浏览器其余部分高度的页脚

所以我知道第一个想法是“粘脚”，但事实并非如此。页脚高度是变量

---

我有一个网页，其中的主要内容是200像素的利润从顶部。。。在内容之后，我需要页脚一直向下延伸到浏览器高度的剩余部分；将有一个1600px的背景图像，它将

重复-x

为什么不让

正文

具有页脚的

背景图像

然后，您可以将主要内容设置为您喜欢的任何背景，页脚将显示为延伸到页面的其余部分。

这是你可以做到的。不知道这是否是最好的解决方案，但这是一个解决方案。
这里有一个技巧。让你的页眉、内容和页脚像平常一样。将页脚高度设置为100%，并为其指定
位置：fixed
属性，并确保不为其指定top、bottom等属性。这将使页脚“失去流动性”，但将其保留在自然位置（这将删除任何难看的滚动条）

您可以在中看到它的作用。
页脚图像中有一个渐变。它必须是像素完美的每一次页面呈现为它显示正确。你会注意到的。页面内容一般有多大？用户是否会滚动页面？最好在页脚上加一个最小高度。像这样：你知道，唯一的CSS属性，我一直是一个，但不确定的是位置的。非常感谢，约瑟夫@D不客气。：）当你习惯它们时，它们真的很有用。很高兴我能帮上忙。这在有很多内容的页面上不起作用。页脚被遗忘了。我认为大多数人都需要一个在这两种情况下都能工作的解决方案。@RampantCreativeGroup在这一点上，这样的用例与最初的场景不同。在这种情况下，只需使用一个完全不使用定位的常规页脚。所以，是的，大多数情况下这不起作用，但这只是因为大多数情况下都是正常情况，正常页脚会像页面上的正常元素一样随内容展开。现在，如果您需要两者都工作，通常html元素的良好背景就足够了，但据我所知，OP的情况是，背景需要从页脚顶部开始。这是一个独特的案例（更不用说hacky），需要一个独特的解决方案。