css - 页脚没有被推到底部

Question

我有这个网站:网站

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

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

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

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

Answer 1

在您的样式表中，您有:

html, body {
    height: auto;
}

尝试将其更改为:

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

只需添加 100% 高度就可以解决这个问题，如果您的代码将来发生变化，或者您添加可能依赖于此的其他内容，相对位置将有助于确保安全。