CSS粘性页脚问题

CSS粘性页脚问题,css,sticky-footer,Css,Sticky Footer,可能重复: 我正在尝试实现CSS粘性页脚,但由于某些原因,页脚和下一页底部之间存在空白: 同样的事情也发生在这里: 任何帮助都将不胜感激 #footer { position: fixed; left: 0; bottom: 0; right: 0; z-index: 999999; /* No need for margin here */ } 这在早于7的Internet Explorer上不起作用。我不确定IE7、IE8或更新版本中的

可能重复:

我正在尝试实现CSS粘性页脚,但由于某些原因,页脚和下一页底部之间存在空白:

同样的事情也发生在这里:

任何帮助都将不胜感激

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

这在早于7的Internet Explorer上不起作用。我不确定IE7、IE8或更新版本中的bug。

您有
页边空白:-60px这显然太多了。将其降低到
边际顶部:-45px左右

请为容器ID提供
填充底部:20px
。我认为它会起作用

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

position:fixed
不是粘性页脚的远端点-1在chrome和ie8中进行测试时,我还需要
宽度:100%
,不需要
@Matt如果不粘在页面上,粘脚有什么意义?@James:您可以设置
,并将
宽度
保留为
自动
,因为浏览器将根据其他特性计算宽度。(实际上,设置
width:100%
可能会给你带来麻烦,如果你有边距/填充/边框,除非你也设置了
框大小
)@James这是短语“CSS sticky footer”所暗示的典型行为:“如果@James指出的问题的解决方案解决了问题,你应该看看解决方案。”,我建议以重复的方式结束这个问题。它不是重复的。我的内容是由CMS管理的,这意味着内容可以扩展到页面折叠下方,在这种情况下,绝对底部的位置不起作用。