html - 确保页脚始终位于底部的最佳方法是什么

Question

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

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

Answer 1

这取决于你所说的“总是在底部”是什么意思。有两种“始终位于底部”的页脚：固定页脚和粘性页脚。

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

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

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

Answer 2

页脚的 CSS

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。

应该能得到你想要的东西。