在没有任何滚动的情况下推动屏幕的页脚底部

Question

好的，所以我习惯了常用的“推”方法与页脚确保它保持在页面底部...但是，现在容器和页脚之间存在不必要的间隙，这意味着即使没有内容可以向下滚动，也总会向下滚动。我希望如果没有内容，页脚就会很好地贴在网站的底部。

还有其他人发现了这个并且能够解决它吗？

提前致谢：）

Answer 1

这可以通过几行CSS来完成。假设您使用的是<footer>元素，请应用以下样式属性：

footer {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
}

就是这样！

Answer 2

我用

#footer {
position: relative;
left: 0px;
bottom: 0px;
height: 150px; // whatever height you want
width: 100%;
}

适合我