无法使CSS粘性页脚工作。我做错了什么？

这是我在这里的第一篇帖子，我非常喜欢这个网站

我有一个非常基本的（丑陋的罪恶）网站，我已经开始，由于某种原因，我不能让CSS粘性页脚工作的FireFox。IE可以工作，但FF在页面的一半显示它

网址是

我知道我应该在FF中开发，在IE中修复bug，所以我猜我可能真的犯了一个错误，不知怎的，它在IE中工作，但在其他任何地方都不工作

有人能帮我摆脱痛苦吗

谢谢大家。

试试这个，它在Firefox上运行得很好

顺便说一句，如果你还没有听过Boagworld的播客，你应该听听。太棒了！：）

---

干杯。

我成功地使用了以下代码：

footer { 
  display: block; 
  position: absolute; 
  width: 100%; 
  bottom: 0px; 
}

---

为此，我能看到的最小变化是：

• 将页脚部分移到正文内部
• 在正文和页脚部分上设置绝对位置
• 在页脚部分设置底部=0px

最终在你的脑海里会出现这样的情况：

<style type="text/css">
  #body, #footerSection { position: absolute; }
  #footerSection { bottom: 0px; }
</style>

<div id="body">
   ...
   <div id="footerSection">
      ...
   </div>
</div>

#正文，#页脚{位置：绝对；}
#页脚部分{底部：0px；}
...
...

这是关于仅css粘性页脚和粘性导航的所有您需要知道的内容：

贴在页面底部

Position: absolute;
top:auto;
bottom: 0;

粘在屏幕底部

Position: fixed;
top:auto;
bottom:0;

任何问题，这可能是由于您放置html代码的位置（不要使页脚成为子元素，除非它粘附在内容包装器上）或重叠的CSS

---

您可以通过翻转“自动”和“顶部”将相同的技术应用于粘性导航。它是跨浏览器兼容的（来自IE7及以上版本的内存），包括手机。

WinXP上的FX3.0.x与本机上的IE7几乎相同。你能提供一张图片或更多关于你想要完成的事情的细节吗（链接到功能示例也不错。）它（总是）贴在底部，但覆盖了实际的容器内容。看起来他们把文章移到了这里：