【发布时间】：2012-01-15 01:55:00
【问题描述】：
我正在构建一个底部有背景图片的网站。这实际上应该是一个粘性页脚，如果页面内容很短，它位于视口底部，但如果内容较长，它将向下移动到视口底部下方。这可以毫无问题地完成，但是我希望内容能够将页脚图像重叠到某个点。因此，例如，如果页脚图像的高度为 100 像素（并且内容足够长），我希望页脚贴在视口底部，内容与其重叠 80 像素（在底部留出 20 像素的间隙）。如果内容比这个长，那么页脚应该向下移动到视口底部下方，因此内容底部和页脚末尾之间仍然有 20px 的空间。我可能很愚蠢，但我无法弄清楚如何做到这一点，如果有人能指出我正确的方向，我将不胜感激？
非常感谢！
戴夫
【问题讨论】：
-
你能展示一些你尝试过的代码吗？
-
@Pedryk 我还没有真正尝试过任何东西，我只是想首先从概念上找出实现它的最佳方法！
-
@Niels 我已经检查过之前和其他类似的版本，它们可以完成我想要的大部分内容（以及我通常想要的所有内容！）但内容不与页脚重叠。如果你弄乱了边距来实现这一点，那么页脚底部和视口底部之间最终会出现空间吗？除非我错过了一些明显可能的东西:) 谢谢
-
@Niels 显然我看的不够仔细，你实际上可以降低推送 div 的高度，这将改变内容与页脚的重叠程度，这绝对是完美的，非常感谢让我再看看！
标签： html css position footer sticky-footer