身体内部100％高度可滚动div，底部边距为50px

Question

无法让这个工作。目标是创建一个溢出的可滚动div，它可以拉伸整个身体的宽度和高度。一旦我添加50px的机身底部边距，我想保留绝对定位100％x 50px div控制面板，就会出现问题。它本质上是一个底部控制面板的人造iframe。

div似乎忽略了身体边缘不是高度的一部分，所以div的100％高度原来是身高+顶部身体边缘。有没有办法让div的高度只有身高？似乎对我来说，这应该是默认行为，或者我可能只是困惑。

我目前正在使用HTML5 doctype FYI。

Answer 1

不要使用保证金

类似这样的事情

<div id="mainContentArea" style="position:absolute; top:0px; left:0px; bottom:50px; right:0px; overflow:auto">
</div>
<div id="bottomArea" style="position:absolute; bottom:0px; left:0px; right:0px; height:50px; overflow:hidden">
</div>