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