asp.net - 粘性页脚，但内容不会

Question

我有一个可以使用的粘性页脚，但我使用的是平铺背景图像和内部#content div。我遇到的问题是#content 不会扩展以填充容器的高度。我在 http://jsfiddle.net/mpRUT/1/ 有一个演示，我已经改变了颜色来说明。当页面为空时，唯一防止#content 折叠成遗忘的是设置在它上面的 min-height。

我可以让它扩展以填充容器，还是我只需要设置更大的最小高度并失去一些浏览器？

效果可见http://myfitzeek.lime49.com/

Answer 1

IMO:如果没有最小高度，将无法 100% 工作。 (见评论)

我的旧答案:

编辑后的样本(作为 fork ): http://jsfiddle.net/4EtKh/1/

#wrapper: {
    /*min-height:100%;*/ /* remove! */
    position:relative;
    height:100%; /* new! */
    overflow: hidden; /* new! */
}

#content {
    text-align: left;
    line-height: 140%;
    background: #fff;
    font-size: 1.2em;
    /*min-height: 80px;*/ /* remove! */
    height: 100%; /* new! */
}