html - 如果页面上没有文字，PHP/CSS 页脚不会停留在页面底部

Question

所以，我的网站有点问题。我有一个页脚，如果我碰巧页面上的文本很少或没有，它不会留在页面底部，但是如果我有足够的信息/文本来覆盖一个页面或更多，那么它会很好地留在底部！

我尝试了很多东西，但找不到正确的参数。有人可以帮忙吗？

这是它的代码，我已经删除了页面中不必要的代码，并留下了与页脚等有关的主要部分。

http://jsfiddle.net/ftrng/1/

只是想让你们知道，我试过这个：

{
position: relative;
bottom: 0;
}

虽然这解决了没有文本时页脚的问题，但如果有更多文本，那么它会停留在中间（固定）？

再次感谢。

Answer 1

看看粘性页脚：http ://ryanfait.com/sticky-footer/

您需要一个用于内容和一些推送元素的包装器。一切都在那里描述。

Answer 2

如果你想在页面上的页脚向下而不在 contetn 中显示文本，请将 min-height 设置为 content div，如下所示：

#templatemo_wrapper {
    width: 960px;
    padding: 0 10px;
    margin: 0 auto;
    min-height: 500px;
}

Answer 3

用这个 ：

#templatemo_footer_wrapper {
    clear: both;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #000000 url(../images/templatemo_footer.png) top repeat-x;
}

http://jsfiddle.net/ftrng/10/

Answer 4

我尝试了以下代码，它似乎有效：

position: fixed;
bottom: 0px;