可变DIV高度

时间:2013-10-25 17:01:58

标签: javascript html css

我有这个div结构: Structure

DIV3的高度固定。

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

DIV6具有固定内容,但高度必须根据DIV5高度而变化。

问题:如果我将DIV6高度设置为'auto',则尺寸正常,但滚动条不起作用。如果我设置为'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>

1 个答案:

答案 0 :(得分:0)

尝试设置Div 6底部:0px;但是我用jquery用js计算高度。