CSS 粘性页脚问题
我正在尝试在以下页面上实现 CSS 粘性页脚:
http://www.tuhdoo.com /test/index.htm
如您所见,它在一定程度上可以工作,但屏幕底部有一个 20px 的悬垂,导致滚动(firefox)。
有人可以帮忙吗?
我正在关注本教程:
I am trying to implement the CSS sticky footer on the following page:
http://www.tuhdoo.com/test/index.htm
As you can see it works to a point but there is a 20px overhang at the bottom of the screen that causes scrolling (firefox).
Can anyone help please?
I was following this tutorial:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我认为该问题是由 body 元素上的
padding-top:20px
引起的。尝试将其移动到您的身体> #容器> header
元素代替。I think the issue is caused by the
padding-top:20px
on your body element. Try moving it to yourbody > #container > header
element instead.这是因为 body 元素上的 padding-top 为 20px。这使得body元素的高度全屏加上20px。
删除它,你就会好的:)
This is because you have a padding-top of 20px on the body element. This makes the height of the body element full screen plus 20px.
remove it and you'll be good :)