html - 使用 CSS 垂直居中和拉伸

Question

我有这样的设置：

HTML：

<div class="wrapper">
  <header> ... </header>
  <div class="home">
    <div class="inner"> ... </div>
  </div>
</div> <!-- /wrapper -->
<footer> ... </footer>

页脚是一个粘性页脚，我正在使用 Ryan Fait 的粘性页脚技术 (http://ryanfait.com/sticky-footer/) 来实现这一点。标题有一个固定的高度，但我需要以某种方式让“home”div 拉伸到“wrapper”div 的底部，然后在 div.home 中垂直居中 div.inner。我尝试了许多涉及相对/绝对定位和最小高度的技术来实现这一点，但没有一个奏效。有没有人有类似问题的经验？