我有一个CSS问题。页面上有3个块垂直堆叠在一起。
<div class="header"></div>
<div class="content"></div>
<div class="footer"></div>
第一个高度没有定义，可以灵活。 对于任何窗口高度，第二个必须始终填充第一个和最后一个之间的所有可用高度。 第三个具有固定的高度，并始终连接到页面的底部。 我无法找到解决方案。它不是粘性页脚的问题，它是在页眉和页脚之间拉伸内容的问题，即使在窗口调整大小时也是如此。 我需要支持IE8 +或至少IE9。 我知道它可以用JS完成，但任何有效的CSS解决方案都很受欢迎。
更新：
我知道在SO上有很多类似的问题，但他们没有解决我的问题。具有绝对定位块的解决方案不起作用。例如，http://jsfiddle.net/RkX8B/561/ display:table的解决方案也不起作用。
我的content块将包含大量文本，表格等，并且该块上必须有滚动条。