0

私はこのdiv構造を得ました： 構造

DIV3 の高さは固定です。

ネストされた DIV5 は Ajax からコンテンツを取得するため、高さが変わります。さらに、高さも変更する DHTML が内部にいくつかあります。DIV5 には min-height が固定されています。

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

1 に答える 1

0

Div 6 bottom: 0px; を設定してみてください。ただし、jqueryを使用してjsで高さを計算します。

于 2013-10-25T17:09:04.993 に答える