中间框可滚动的垂直布局（不是位置：绝对）

Question

我需要一些非常普遍的东西：

+-----------+
|  Header   |
+-----------+
|          ^|
|          ||
|  Scroll  ||
|          ||
|          v|
+-----------+
|  Footer   |
+-----------+

但问题是，我的标题可以换行，所以它的高度可以改变。所以我不能使用position: absolute布局页面和任何其他标题大小已修复且已知先验的页面。我使用display: table设计了一个solution，但它在每个浏览器中看起来都不同，只能在Chrome中按预期工作。

我需要做些什么才能使其适应FF和IE9？

link (working in chrome only)

这是按顺序排列的图片：FF，IE，Chrome（ok）

我的版本：FF（20.0.1），IE（9.0.8112.16421 64位），Chrome（26.0.1410.64 m）

Answer 1

您想要overflow-y: scroll。

工作示例：

Demo

Answer 2

添加overflow-y：滚动到内容div以进行滚动，将max-height滚动到标题。这可能有助于您的查询： 见这里：fiddle

.header{
    max-height: 100px;
}
.content {
  height: 400px;
  background-color: yellow;
  overflow-y: scroll;
}