將頁腳粘貼到頁面底部

Question

我的頁腳不想粘在頁面的底部。我是新來的HTML，我不能讓它下降。

這裏是我的代碼：

<div class="footer"> 
    Copyright &copy; 2013. All rights reserved 
</div> 

Answer 1

簡單的固定解決方案：

.footer { 
    position: fixed; 
    bottom: 0; 
} 

簡易絕對解決方法：

.footer { 
    position: absolute; 
    bottom: 0; 
} 

票友置頂頁腳：

html { 
    position: relative; 
    min-height: 100%; 
} 
body { 
    margin: 0 0 100px; /* bottom = footer height */ 
} 
.footer { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    height: 100px; 
    width: 100%; 
    background: red; 
} 

Answer 2

有StackOverflow上這樣幾個問題，一個這樣的問題如下...

How to align footer (div) to the bottom of the page?

...和I've given an answer to that question。

如果你不喜歡瀏覽的答案，這裏有兩個快速鏈接：

• http://www.cssstickyfooter.com/
• http://ryanfait.com/sticky-footer/

如果這不是你問什麼，或者您需要實施幫助，請告訴我！我希望這有幫助。