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

Question

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

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

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