This question already has answers here:
How do you get the footer to stay at the bottom of a Web page?
(27个答案)
6年前关闭。
因此,我的网站有一些问题。如果页面上几乎没有或没有文本,我的页脚将不会停留在页面底部,但是如果我有足够的信息/文本来覆盖页面或更多,那么它将很好地停留在页面底部!
我尝试了很多事情,但是找不到正确的参数。有人可以帮忙吗?
这是它的代码,我除去了页面上不必要的代码,并保留了与页脚等有关的主要内容。
http://jsfiddle.net/ftrng/1/
为了让大家知道,我已经尝试过了:
虽然这解决了没有文本时页脚的问题,但是如果有更多文本,那么它停留在中间(固定)吗?
再次感谢。
(27个答案)
6年前关闭。
因此,我的网站有一些问题。如果页面上几乎没有或没有文本,我的页脚将不会停留在页面底部,但是如果我有足够的信息/文本来覆盖页面或更多,那么它将很好地停留在页面底部!
我尝试了很多事情,但是找不到正确的参数。有人可以帮忙吗?
这是它的代码,我除去了页面上不必要的代码,并保留了与页脚等有关的主要内容。
http://jsfiddle.net/ftrng/1/
为了让大家知道,我已经尝试过了:
{
position: relative;
bottom: 0;
}
虽然这解决了没有文本时页脚的问题,但是如果有更多文本,那么它停留在中间(固定)吗?
再次感谢。
最佳答案
看看粘性页脚:http://ryanfait.com/sticky-footer/
您需要一个包装来满足您的内容和一些推送元素。一切都在这里描述。