页脚位置：固定到视口底部，但有高度限制

Question

在此示例中，我们有一个固定在页面底部的（非常胖的）页脚。使用短视口进行查看时，它会覆盖标题和正文。有没有什么方法可以使页脚保持在离顶部最小距离以外，只用CSS？

已尝试最小高度和高度body和#outW，但没有任何影响。

http://jsfiddle.net/2XsNH/1/

（移动浏览器窗口的底部一直到看到黄色的页脚笼罩头）

Answer 1

对不起，如果我的问题描述功亏一篑，但是这就是我一直在寻找 -

http://ryanfait.com/sticky-footer/

的问题是，我的第一直觉，position:fixed，永远不会工作，因为具有固定位置的元素完全从文档流中分离出来。因此，上述页面在内容区域使用负边距技巧来为头部留出空间。

Answer 2

我想在纯CSS来做到这一点的唯一方法是给主要内容例如10的position: relative和z-index，以及9的页脚之一。