主页上的页脚工作正常:https://michaelarabic.blogspot.com/
在页面或帖子上时不起作用。
这是默认博客模板之一。我试图找出引起页脚的<div>
是什么。
通过使用Chrome中的 检查 功能,我可以猜测它们是具有以下类的类: 页脚-外部 和 footer-fauxborder-left 。
找出可能的或潜在的类名称之后。我在以下问题中使用了该方法:Make footer stick to bottom of page correctly
页脚有一些更改,但这不是我想要的。它变得很薄,对高度的变化没有反应。在尝试与其他网站不同的解决方案时,我遇到了一些问题。
如果很难或不可能将页脚固定在底部。至少,我需要一种隐藏它的方法。
答案 0 :(得分:2)
这很简单,
只需修复
将页脚内容的位置固定
,它将准备好将内容修复到一个点,现在浏览器会查找需要修复的位置,因此只需通过
底部:0;
现在,在您的情况下,内容不包含完整宽度,因此要恢复,我们需要提供
宽度到100%
所以您的最终代码看起来像这样。
footer{
position: fixed;
width: 100%;
bottom: 0;
}