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

Question

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

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

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

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

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

{
position: relative;
bottom: 0;
}

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

再次感谢。

Answer 1

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

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

Answer 2

如果您想在页面中没有内容中的文本页脚，请将min-height设置为内容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;