100% прокручиваемый элемент div внутри тела с нижним полем в 50 пикселей

Question

Не могу заставить это работать.Цель состоит в том, чтобы создать переполняемый прокручиваемый div, который растягивает всю ширину и высоту тела.Проблема возникает, когда я добавляю нижнюю границу тела в 50px, которую я хочу зарезервировать, чтобы разместить панель управления div 100% x 50px.По сути, это искусственный iframe с нижней панелью управления.

Div, кажется, игнорирует то, что поле тела не является частью высоты, поэтому 100% высоты div оказывается высотой тела + верхнее телополе.Есть ли способ получить высоту div, равную только росту?Мне кажется, что это должно быть поведение по умолчанию, или, может быть, я просто запутался.

В настоящее время я использую доктайп HTML5 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>