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

时间:2010-06-19 01:34:27

标签: html css

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

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

我目前正在使用HTML5 doctype FYI。

1 个答案:

答案 0 :(得分:4)

不要使用保证金

类似这样的事情

<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>