CSS 粘性页脚问题

发布于 2024-11-19 18:23:05 字数 365 浏览 3 评论 0原文

我正在尝试在以下页面上实现 CSS 粘性页脚:

http://www.tuhdoo.com /test/index.htm

如您所见,它在一定程度上可以工作,但屏幕底部有一个 20px 的悬垂,导致滚动(firefox)。

有人可以帮忙吗?

我正在关注本教程:

http://css-tricks.com/snippets/css/粘性页脚/

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:

http://css-tricks.com/snippets/css/sticky-footer/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

北方。的韩爷 2024-11-26 18:23:05

我认为该问题是由 body 元素上的 padding-top:20px 引起的。尝试将其移动到您的身体> #容器> header 元素代替。

I think the issue is caused by the padding-top:20px on your body element. Try moving it to your body > #container > header element instead.

面犯桃花 2024-11-26 18:23:05

这是因为 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 :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文