无法使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>