将页脚粘贴到底部不适用于Chrome（在IE，Firefox，Safari中）

Question

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

我使用堆栈中的以下方法创建了这个粘性页脚...... CSS to make HTML page footer stay at bottom of the page with a minimum height。

我想知道是否有人之前已经看过这个问题，或者有建议解决这个Chrome问题。

Answer 1

我不确定该教程，但如果你想让你的页脚停留在底部，你需要使用固定定位而不是相对。固定意味着当页面的其余部分滚动时它不会滚动。您可以使用top, bottom, left, right在绝对定位中使用相同的属性锚定它。

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

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

#foot {
    margin: 0px auto;
}

我还注意到，当你这样做时，你必须漂浮你在页脚左边的图像。

#right img {
    float: left;
}