如何将页脚固定在底部？

Question

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

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

一个人只能在该网站http://www.footv.gq的首页上工作，而不能像这个http://www.footv.gq/2018/11/willowtv.html这样的话题

我试图将页脚放在所有网页的底部。我面临的问题是某些网页包含的内容很少，页脚有时可以坐在页面的中间，而在页面下方留有空白。

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

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

Answer 1

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

因为您有layoutHeight = screenHeight - footerHeight.

将此CSS添加到布局类中，您应该会很好。

 min-height: 93.5vh;

我通常会用javascript来思考。

替代用途Grid易于维护。