如何使頁腳與內容保持一致？

Question

On this site,你會看到頁腳卡在左邊。這是CSS：

#footer { 
width: 800px; 
clear:both; 
float:right; 
position:relative; 
left:-50%;} 

請讓我知道這可能是爲什麼。

感謝，

塔拉

Answer 1

你應該保持它的簡單和使用：

#footer { 
    width: 800px; 
    clear: both; 
    margin: 0 auto; /* center it */ 
} 

這是完全一樣的技術，因爲你例如，已經成功使用.container。

Answer 2

要居中頁腳：

#footer { 
    width:800px; 
    position:absolute; 
    padding-left:50%; 
    margin-left:-400px; 
    bottom:0px; 
} 

Answer 3

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

實例演示：http://jsbin.com/ecolun/3