无论如何,让页脚停留下来

时间:2014-01-30 13:40:22

标签: html css

我正在尝试制作一个停留在页面底部的页脚,所以当你向下滚动它应该留在那里。

我怎样才能做到最好?

PS:我还没有任何代码,我只是在寻找如何以最好的方式做到这一点。

2 个答案:

答案 0 :(得分:1)

在页脚上使用以下代码使其保持固定在底部。

对于实例,

HTML:

<div class="footer"><!-- Your footer code should be here. --></div>

CSS:

.footer{
    position:fixed;
    bottom:0;
}

这将使页脚保持在底部并保持固定。

希望这有帮助。

答案 1 :(得分:0)

#footer {
clear: both;
position: relative;
z-index: 10;
height: 3em;
margin-top: -3em;
}

This CSS can help you.
 For better explanation refer to this
 http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/
 This blog can also do the needful
 http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/