中心與利潤率左

Question

我有這樣的HTML一個div內粘頁腳：

<div class="page"> 
    <div class="content"> 
     <p>Lorem ipsum dolor sit amet...</p> 
     <p>Etiam condimentum lorem faucibus feugiat egestas...</p> 
    </div> 
    <div class="footer"> 
     <p class="text-center">Sticky footer with centered text?</p> 
    </div> 
</div> 

而這個CSS：

body { 
    background: #222; 
    margin: 0; 
    padding: 0; 
} 
p { 
    margin: 0 0 20px; 
} 
.page { 
    margin-left: 200px; 
    background: #fff; 
    min-height: 1200px; 
    padding: 20px 20px 0; 
} 
.footer { 
    position: fixed; 
    bottom: 0; 
    background: #eee; 
    width: 100%; 
    padding: 20px 20px 0; 
    margin: 0 -20px; 
} 
.text-center { 
    text-align: center; 
} 

這裏的的jsfiddle（優於千字）：

http://jsfiddle.net/xJ5uV/1/

如何將粘性頁腳居中放置到白色頁面（.page），給定有問題的餘裕 - 這是導致不對齊？

在此先感謝！

Answer 1

保證金改爲自動

.page { 
    margin: 0 auto; 
    ... 
} 

編輯

我的壞，我誤解了這個問題，你可以用下面的實現它：

.footer { 
    width: calc(100% - 200px); 
    margin-left:-20px; 
} 

我把它放在一個fiddle爲你。在IE 9+中，Calc是available。