页脚底部定位问题

Bottom of the page footer positioning issue

我很难弄清楚如何让我的页脚贴在屏幕底部,即使页面小于屏幕也是如此。

www.test-domain.sk

我猜这与容器长度有关,但老实说我完全不确定。

如有任何帮助,我们将不胜感激。 :)

假设您正在寻找这样的东西,但如果不是,请更具体一些。如 post 您已有的代码。

footer {
position: fixed;
bottom: 0;
}

这个概念被称为粘性页脚。 Mozilla 开发者网络有一个页面 here 说明了实现它的几种方法。在您的 www.test-domain.sk 页面示例中,我相信您可以添加以下 css 以使您的页脚贴在视口(屏幕)的底部。

html {min-height:100%)
body {100vh}
div#page {min-height:100vh; display:grid; grid-template-rows: auto 1fr auto}