粘性页脚，但只是有时 pt。 3

Question

与以前相同的问题（请参阅粘性页脚，但只是有时和粘性页脚，但只是有时...继续）...

我有一个我想要的页脚坚持到页面底部，除非内容填满页面，然后我希望它被推下。我已经在其他网站上这样做过十几次了，但我无法让这个网站工作。在 WordPress 中工作。我已经检查了 div 的顺序，并且已经检查了 css...任何帮助都会受到赞赏。

主要 css 组件：

* {
    margin: 0;
    padding: 0;
}

html, body {
    height:100%;
    min-height:100%;
}

#wrapper {
    background:url("images/shadowborder.png") repeat-y center;
    width:100%;
        max-width:100%;
        min-width:980px;
    min-height:100%!important;
        margin:0 auto;
    margin-bottom:-20px;
    position:relative;
    overflow:auto;
}

#content {
    clear:both;
    float:left;
    padding:20px 20px 60px 20px;
    font-size: 1.6em
}
#spacer {
    height: 40px;
    clear: both;
}

#footer {
    position: relative;
    border-top: 1px solid #e5a5fc;
    padding:3px!important;
    height:20px;
}

站点：

http://www.hcfmissoula.com

Answer 1

我使用的配方是：

• html 上的 height: 100%
• min-height: 100% 和 position:relative body（对于 ie6 为 height:100%）
• 页脚 div 上的

position:absolute 和 bottom:0不过，防止页脚遮盖底部附近的一些文本可能很棘手。