Question

更新：我认为信息太多了。这是我的问题：如何在下面的示例中将#middle的高度设为剩余空间的100％：

<body>
    <div id="big">
        <div id="header"></div>
        <div id="middle"></div>
        <div id="btm"></div>
    </div>
</body>

#big，body，html的高度都是100％标题和底部的高度为120px;

Answer 1

更新：更改了我的示例以匹配您更新的问题

以下是您的布局的工作示例。在IE8，IE7，Firefox和Chrome中进行了测试。

此处的关键是不要将此middle的高度设置为100％。相反，您绝对定位，top和bottom等于header和btm元素的高度（在您的情况下为120px）。

如果您将middle元素的高度设置为100％，它将与big元素的高度相同，这是身体标记的100％，因此您的{{1元素太大，导致水平滚动条。

middle