无法让这个工作。目标是创建一个溢出的可滚动div,它可以拉伸整个身体的宽度和高度。一旦我添加50px的机身底部边距,我想保留绝对定位100%x 50px div控制面板,就会出现问题。它本质上是一个底部控制面板的人造iframe。
div似乎忽略了身体边缘不是高度的一部分,所以div的100%高度原来是身高+顶部身体边缘。有没有办法让div的高度只有身高?似乎对我来说,这应该是默认行为,或者我可能只是困惑。
我目前正在使用HTML5 doctype FYI。
答案 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>