html - 在没有不必要滚动的情况下将页脚推到屏幕底部

Question

好的，所以我已经习惯了与页脚共同的“推送”方法，以确保它停留在页面底部......但是，现在容器和页脚之间有一个不必要的间隙，这意味着总是有向下滚动，即使没有内容可以将其向下推。我希望如果没有内容，页脚会很好地贴在网站的底部。

有没有其他人发现这个并能够解决它？

提前致谢 ：）

Answer 1

我用

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

为我工作

Answer 2

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

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

就是这样！