如何修复底部的页脚？ [复制]

Question

我想在页面底部修复页脚，我尝试了 CSS

footer {
    position: absolute;
    bottom: 0;
}`

那个只在这个网站的主页上工作，而不是像这个一样的主题

我正在尝试将页脚保留在所有网页的底部。我面临的问题是某些网页包含少量内容，页脚有时会位于页面的一半，在下方留下空白区域。

这是我的密码https://pastebin.com/EBPsZz6j

我该如何解决这个问题？有人可以修复我的代码吗？

Answer 1

您必须确保layout div 与屏幕一样大。

因为你有layoutHeight = screenHeight - footerHeight.

将此css添加到布局类中，您应该可以开始了。

 min-height: 93.5vh;

我通常会用 javascript 来思考。

替代使用 Grid 更易于维护。