Javascript 可变DIV高度

我得到了这个div结构：

DIV3有一个固定的高度

嵌套的DIV5将从Ajax获取内容，因此高度将发生变化。另外，它里面还有一些DHTML，可以改变高度。DIV5有一个固定的最小高度

DIV6具有固定内容，但高度必须根据DIV5高度进行更改

问题是：如果我将DIV6高度设置为“自动”，大小可以，但滚动条不起作用。若我将滚动条设置为“100%”，那个么滚动条会工作，但第6部分的末尾会被剪切，第5部分会增加其高度

我不确定它是否足够清晰

守则：

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

尝试设置Div 6底部：0px；不过，我会使用jquery使用js计算高度。

要使用滚动条，您必须为DIV6指定高度，高度自动不会工作在这种情况下共享JSFIDLE链接总是更好。更容易解释问题，也更容易回答。这应该是一个评论。为什么？这不是问题的答案，也不是评论。欢迎回到mate@davefrassoni，很高兴在漫长的5年后看到你的评论。让我投票表决你的评论：）