css - 大屏幕上的站点页脚 - 填充空间

Question

在大屏幕上，我的页脚不会位于页面底部，而是在底部留下一个白色“条”(页面背景颜色)。

我知道粘性页脚等，但由于在页脚中的元素上使用绝对定位，这些技术会使页脚的其余部分出错。我现在直接在页脚下方添加了一个空的 div，并将其最小高度设置为 100%，并将背景颜色设置为与页脚(黑色)相匹配，但是它什么也没做——只有以像素为单位的设置高度会做任何事情，但我希望它是动态的，所以无论它是 10px 的空间还是 500px 的空间，它都会填充空间。

有人有变通办法吗？

Answer 1

如果您不想使用粘性页脚，请将您的 body 背景颜色设置为与页脚相同的颜色，然后将内容区域的背景设置为白色。无论浏览器的大小如何，这都会使页脚延伸到页面底部。