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

Question

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

在body和#outW上尝试过最小高度和高度，但没有任何效果。

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

（向上移动浏览器窗口的底部以查看标题上方的黄色页脚）

Answer 1

对不起，如果我对问题的描述不足，但这就是我要找的 -

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

问题在于我的第一直觉position:fixed将无法工作，因为具有固定定位的元素完全脱离了文档流。因此，上面的页面在内容区域使用了一个负边距技巧，以便为标题腾出空间。

Answer 2

我认为在纯CSS中执行此操作的唯一方法是为主要内容提供position: relative和z-index，例如10，以及9的页脚1}}。