如果没有可用内容,则将页脚强制设置到页面底部

时间:2014-06-12 17:42:43

标签: javascript jquery html css

我已经阅读了所有这些例子,但它们并不完整或不起作用。我需要的是一个始终位于页面底部的页脚。但是,如果没有内容填充中间区域,则页脚仍然需要位于页面底部而不是中间位置。我试过这个MethodMethod这两个都没有用。第一个似乎根本不工作,第二个强制它到页面底部,如果有内容或没有,但如果有内容,IE你必须正常滚动页脚是在中间向下滚动页面。任何帮助都会很棒。

1 个答案:

答案 0 :(得分:3)

由于您尚未发布代码(HTML或CSS),我只是猜测:

#wrapper{
    min-height:100%;
    position:relative;
}
footer {
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    background:red;
    height:100px;
}

Demonstration: footer with content
Demonstration: footer without content