将我的页脚粘贴到页面底部

Question

我的页脚不想粘在页面底部。我是HTML的新手，我不能让它失败。

这是我的代码：

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

Answer 1

简单的固定解决方案：

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

简单绝对解决方案：

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

Fancier Sticky Footer：

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/

如果这不是您要求的，或者您需要实施方面的帮助，请告诉我们！我希望这会有所帮助。