如何在博客中将页脚粘到底部? [关闭]

问题描述 投票:0回答:1

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

当您在页面或帖子上时,它不起作用。

这是默认的博客模板之一。我试图找出负责页脚的<div>是什么。使用Chrome中的检查功能,我可以猜测他们是那些拥有这些类的人:footer-outer和footer-fauxborder-left。

在弄清楚可能的或潜在的类名后。我在这个问题中使用了这个方法:Make footer stick to bottom of page correctly

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

如果很难或不可能将页脚粘到底部。至少,我需要一种方法来隐藏它。

html css blogger
1个回答
2
投票

这很简单,

只是解决了

您的页脚内容的位置是固定的

,它将准备好您的内容以确定一个点,现在浏览器查找需要修复的位置,所以只需通过

底部:0;

现在在你的情况下,内容不包含全宽,所以要恢复,我们需要提供一个

宽度为100%

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

footer{
    position: fixed;
    width: 100%;
    bottom: 0;
}
© www.soinside.com 2019 - 2024. All rights reserved.