如何使页脚在博客中始终坚持到底?

时间:2019-03-08 10:56:03

标签: html css blogger

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

在页面或帖子上时不起作用。

这是默认博客模板之一。我试图找出引起页脚的<div>是什么。 通过使用Chrome中的 检查 功能,我可以猜测它们是具有以下类的类: 页脚-外部 footer-fauxborder-left

找出可能的或潜在的类名称之后。我在以下问题中使用了该方法:Make footer stick to bottom of page correctly

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

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

1 个答案:

答案 0 :(得分:2)

这很简单,

只需修复

  

将页脚内容的位置固定

,它将准备好将内容修复到一个点,现在浏览器会查找需要修复的位置,因此只需通过

  

底部:0;

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

  

宽度到100%

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

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