css - 页脚没有被推到底部

Question

我有这个网站：网站

这有点多，滑动侧边栏很糟糕，我知道，但是当我说这些都是客户规格时，请相信我。

我使用这种技术将页脚粘在底部。在过去的几个月里，另一个开发人员一直在维护这个网站，我一辈子都无法弄清楚为什么页脚不再被粘住了。它在典型的 14" - 15" 屏幕上看起来不错，但是当您在 >= 24" 显示器上查看该站点时，页脚停留在页面中间。

我知道这可能是一个孤立的问题，但我真的需要一双新的眼睛来检查这个网站。

PS。如果您需要我发布代码，请告诉我您需要什么。谢谢。

Answer 1

在您的样式表中，您有：

html, body {
    height: auto;
}

尝试将其更改为：

html, body {
    height: 100%;
    position: relative;
}

只需添加 100% 的高度就可以解决它，如果您的代码将来发生变化，或者您添加其他可能依赖于此的东西，相对位置将有助于保护事情。