0

有问题的网站:http: //www.flowersbe.com

所以我没有让页脚粘在底部的问题,我的问题是我的容器上有一个上边距,它将页脚向下推到浏览器底部之外 25px,这在联系页面上最为明显上述网站。我想将 25px 空间保留在顶部,但我仍然希望页脚完全可见......下面是容器和页脚的 css......关于如何解决这个问题的任何想法?

html,
body {
    height: 100%;
}

#container {
    width: 960px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 25px auto -50px;
    background-color: #fff;
}


footer {
    clear: both;
    width: 960px;
    height: 35px;
    margin: 0 auto;
    padding: 15px 0 0 0;
    background-color: #ffebeb;
    text-align: center;
}

.push {
    height: 50px;
}
4

1 回答 1

0

我相信要准确实现您想要做的事情,您必须引入一些 JavaScript 来计算#container应该的确切高度。

它将height100% 转换为视口的确切高度,然后在其上添加 25px 边距。我能想到的唯一解决方法是使用 JavaScript 获取视口的高度并将高度设置#container为该值减去 25px。

不涉及 JS 的可能替代解决方案:

  • 只需放下min-height并允许#container它只有它需要的高度。
  • 用于确保页脚始终position: fixed位于footer视口的底部,但请注意,它会位于任何内容的顶部,足够长以超出视口的高度。

这足以让你继续前进吗?

于 2013-04-19T17:03:31.300 回答