将页脚粘到底部在 Chrome 中不起作用（在 IE、Firefox、Safari 中起作用）

Question

在 http://ryanspahn.com/adsgrader2/index 您可以看到我有一个灰色的页脚，并且在IE、Safari 和 Firefox 页脚粘在底部。但在 Chrome 中，它并没有粘在底部 - 这很奇怪。

我使用堆栈上找到的以下方法创建了这个粘性页脚...... CSS 使 HTML 页面页脚以最小高度停留在页面底部。

我想知道是否有人以前见过这个，或者有解决这个 Chrome 问题的建议。

Answer 1

我不确定该教程，但如果您希望页脚保持在底部，您需要使用固定定位而不是相对定位。固定意味着当页面的其余部分滚动时它不会滚动。您可以使用上、下、左、右在绝对定位上使用相同的属性来锚定它。

将以下内容添加到现有的 CSS 中，并在必要时更改值。

#footer {
     position: fixed;
     bottom: 0px;
     width: 100%;
}

#foot {
    margin: 0px auto;
}

我还注意到，当您执行此操作时，您必须将页脚中的图像浮动到左侧。

#right img {
    float: left;
}