Переменная высота DIV

Question

Я получил эту Div структуру:

div3 имеет фиксированную высоту.

Вложенный DIV5 получит контент от Ajax, поэтому высота изменится. Кроме того, внутри него есть DHTML, который также меняет высоту. DIV5 имеет фиксированную минимальную высоту.

DIV6 имеет фиксированный контент, но высота должна изменяться в соответствии с высотой DIV5.

Проблема: Если я устанавливаю высоту DIV6 как «авто», размер в порядке, но полоса прокрутки не работает. Если я ставлю «100%», прокрутка работает, но конец DIV6 разрезан, в соответствии с DIV5 увеличивается его высота.

Не уверен, что это достаточно ясно ...

Код:

<div style="height: 850px; width: 1000px; display: table;"> 
    <div style="height: 850px; float: left;"></div> 
    <div style="height: 850px; width: 598px; float: left;"> 
     <div id="DIV5" style="max-height: 200px; width: 598px; overflow-x: hidden; overflow-y: scroll;"></div> 
     <div id="DIV6" style="height: 200px; width: 598px; overflow-x: hidden; overflow-y: scroll;"></div> 
    </div> 
<div id="definicoes" style="height: 850px; width: 200px; float: left;"></div> 
</div> 

Answer 1

Попробуйте установить Div 6 внизу: 0px; Однако я вычислял высоту с помощью js с помощью jquery.