如何让页脚粘在博客底部？

Question

主页中的页脚工作正常：https://michaelarabic.blogspot.com/

当您在页面或 Post 上时它不起作用。

• 页数：https://michaelarabic.blogspot.com/p/home.html

• Post: https://michaelarabic.blogspot.com/2019/03/test-2.html

这是默认的博客模板之一。我试图找出负责页脚的 <div> 是什么。 在 Chrome 中使用 inspect 功能，我可以猜测它们是那些具有 classes 的：footer-outer 和 footer-fauxborder-left。

在找出可能的或潜在的 class 个名字之后。我在这道题中使用了方法：Make footer stick to bottom of page correctly

页脚有一些变化，但这不是我想要的。它变得非常薄，并且对改变高度没有反应。我在尝试其他网站的不同解决方案时遇到了一些问题。

如果很难或不可能将页脚固定在底部。至少，我需要一种隐藏它的方法。

Answer 1

这个很简单，

只需修复

position of your footer content to fixed

，它会让你的内容固定到一个点，现在浏览器寻找它需要固定的位置，所以只需传递

bottom:0;

现在在您的情况下，内容不包含完整宽度，因此要恢复我们需要提供

width to 100%

所以你的最终代码看起来像这样。

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