棒腳底部在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; 
}