无法使CSS粘贴页脚正常工作。我究竟做错了什么?

时间:2020-03-06 14:59:44  来源:igfitidea点击:

好吧,这是我在这里的第一篇文章,真的很喜欢这个网站。

我已经开始了一个非常基本的网站(丑陋),由于某种原因,我无法使CSS Sticky页脚可用于FireFox。 IE可以运行,但是FF在页面的一半位置显示它。

网址是http://dev.aipoker.co.uk

我知道我应该在FF中进行开发并在IE中进行错误修复,所以我猜测我可能实际上已经犯了一个错误,并了解了它在IE中的工作原理,但没有其他地方。

有人可以帮我摆脱苦难吗?

谢谢大家和加尔斯。

解决方案

试试这个,它在Firefox上运行良好。

顺便说一句,我们应该收听Boagworld的播客。这个棒极了! :)

干杯。

我已经成功完成了如下代码:

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

我可以看到的最小更改是:

  • 在体内移动页脚部分
  • 在身体和脚注上都设置绝对位置
  • 在footerSection上将bottom设置为0px

最终这样的事情在你的脑海中:

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

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