如何獲得粘腳？

Question

我知道有很多關於粘性頁腳的問題，但我似乎無法讓他們在我的頁面上工作。

任何人都可以幫助我讓我的頁腳粘性，不固定？

我的HTML

<div id="container"> 
     <div id="header"></div> 
     <div id="content"></div> 
     <div id="footer"></div> 
</div> 

我的CSS

#container { 
    width: 980px; 
    min-height: 100%; 
    margin-left: auto; 
    margin-right: auto; } 

#content { 
    width: 100%; 
    min-height: 100%; 
    margin: 40px 0; } 

#footer { 
    width: 3000px; 
    min-height: 185px; 
    background-color: rgb(0,173,239); 
    margin-left: -1000px; } 

我曾嘗試過各種職位（相對固定等），但它不工作。我似乎修復了我的頁腳並覆蓋了內容。有什麼建議麼？

Answer 1

試試這個CSS：

body { 
    min-height: 100%; } 

#container { 
    width: 980px; 
    min-height: 100%; 
    margin-left: auto; 
    margin-right: auto; } 

#content { 
    width: 100%; 
    min-height: 100%; 
    margin: 40px 0; 
    margin-bottom: 290px; } 

#footer { 
    width: 100%; 
    min-height: 185px; 
    background-color: rgb(0,173,239); 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0; }