CSS 粘性页脚问题

发布于 2024-11-25 07:47:15 字数 525 浏览 8 评论 0原文

可能的重复:
CSS 粘性页脚

我正在尝试实现 CSS 粘性页脚,但由于某种原因,下一页的页脚和底部:

http://berrisford.gumpshen.com/

相同事情发生在这里:

http://berrisford.gumpshen.com/jobs/executive/senior -executive/

任何帮助将不胜感激

Possible Duplicate:
CSS sticky footer

I am trying to implement the CSS sticky footer but for some reason there is a margin between the footer and bottom of the following page:

http://berrisford.gumpshen.com/

The same thing happens here:

http://berrisford.gumpshen.com/jobs/executive/senior-executive/

Any help would reall be appreciated

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

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

发布评论

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

评论(3

忘东忘西忘不掉你 2024-12-02 07:47:15
#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;
    /* No need for margin here */
}

这不适用于 7 之前的 Internet Explorer。我不确定 IE7、IE8 或更高版本中的错误。

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;
    /* No need for margin here */
}

This won't work on Internet Explorer older than 7. I'm not sure about the bugs in IE7, IE8 or newer.

森林迷了鹿 2024-12-02 07:47:15

你有 margin-top:-60px; 这显然太多了。将其降低到 margin-top:-45px; 左右

You have margin-top:-60px; which is too much apparently. Bring that down to margin-top:-45px; or so

放血 2024-12-02 07:47:15

请提供 padding-bottom:20px 作为容器 ID。我认为它会起作用

#container {
width: 940px;
margin: 0 auto;
text-align: left;
padding: 0px 0px 20px 0px;
}

Please give padding-bottom:20px for container ID. I think it will works

#container {
width: 940px;
margin: 0 auto;
text-align: left;
padding: 0px 0px 20px 0px;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文