Css 需要一些帮助才能把这个粘脚弄对吗

Css 需要一些帮助才能把这个粘脚弄对吗,css,push,margin,footer,sticky,Css,Push,Margin,Footer,Sticky,有关网站: 所以我没有让页脚粘到底部的问题,我的问题是我的容器上有一个上边距,将页脚向下推25像素,超过浏览器的底部,这在上面站点的联系人页面上最为明显。我想保持25像素的空间在顶部,但我仍然希望页脚是完全可见的…下面是我的css的容器和页脚…有什么想法,我可以如何解决这个问题 html, body { height: 100%; } #container { width: 960px; min-height: 100%; height: auto !impor

有关网站:

所以我没有让页脚粘到底部的问题,我的问题是我的容器上有一个上边距,将页脚向下推25像素,超过浏览器的底部,这在上面站点的联系人页面上最为明显。我想保持25像素的空间在顶部,但我仍然希望页脚是完全可见的…下面是我的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;
}

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

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

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

  • 只需放下
    最小高度
    ,让
    #容器
    达到所需的高度即可
  • footer
    上使用
    position:fixed
    ,以确保页脚始终位于视口的底部,但请注意,页脚将位于任何内容的顶部,其长度足以超出视口的高度

这能让你继续下去吗?

谢谢斯科特,我来试试看我能想出什么。