css - 将 div 扩展到页面底部不起作用

Question

一段时间以来，我一直在尝试修复这个 div 的长度，我确信它非常简单，只是没有看到它。内容“页面”的 div 远远超出了页脚，我可以使用 css 中的 min-height 属性来操纵长度，但是我想确保页脚/“页面”div 延伸到底部，而不管内容如何我不想为 div 设置一个确定的长度。

编辑: jsfiddle:http://jsfiddle.net/F2SMX/

页脚样式

#footer {
    background: #365F91;
    color: #000000;
    width:100%;
    height: 35px;

    position:relative;

    bottom:0px;
    clear:both;
}

#footer p {
    margin: 0;
    text-align: center;
    font-size: 77%;
}

#footer a {
    text-decoration: underline;
    color: #FFFFFF;
}

#footer a:hover {
    text-decoration: none;
}

将页脚位置从相对位置更改为绝对位置没有变化

Answer 1

将 relative 更改为 absolute，并从 #page 中删除 min-height。

#footer { position: absolute; }

您还需要确保每页只有 1 个 #page。

Working fiddle .