页脚底部定位问题
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}
我很难弄清楚如何让我的页脚贴在屏幕底部,即使页面小于屏幕也是如此。
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}