css - 将页脚贴在页面底部

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上有几个这样的问题，一个这样的问题如下......

如何将页脚（div）与页面底部对齐？

...我已经回答了这个问题。

如果您不想导航到答案，这里有两个快速链接：

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

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