注意页脚始终位于底部的最佳方法是什么

Question

>我有这个网站：http://test.tamarawobben.nl

实现页脚始终位于屏幕底部的最佳方法是什么？

Answer 1

这取决于您所说的"始终在底部"是什么意思。有两种类型的页脚"始终位于底部"：固定页脚和粘性页脚。

固定页脚始终位于浏览器窗口的底部，

而粘性页脚始终位于页面内容或浏览器的底部，以较低者为准。

对于粘性页脚，您可以查看此页面上的代码。对于固定页脚，只需为其提供以下属性：

#footer {
    position: fixed;
    bottom: 0px;
}

Answer 2

CSS for the footer

footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
}

关于此的完整文章：如何将页脚保留在页面底部

Answer 3

看看本教程，了解如何执行此操作 - http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page。

应该得到你想要的东西。