divでウェブサイトを行う必要があります。形式については、コードスニペットを参照してください。 MENUは、メニュー項目が展開されるかどうかに応じて可変高さですが、コンテンツの高さも可変ですが、最小値は700pxです。 MENUが最小高さまで折り畳まれていれば、それは300pxであり、BOXは残りのスペースを占有してMENU + BOXがCONTENTと同じ高さになるようにする必要があります。 BOXの内容は600pxです。したがって、BOXが400pxになると、スクロールバーが表示されます。 CONTENT divを展開すると、BOXも同じ高さになるように拡張する必要があります。Divが他のdivの後にオーバーフロー/スクロールバーで拡大する
これまでのところ私はこれまで何を得ていますが、正しく機能していません。私はいくつかの他のものを試しましたが、このポストのためにそれを削除したので、代わりにポイントを表示します。あなたが助けてくれることを願っており、事前に感謝します!
#container{ width: 800px; }
#leftbar{ float: left; width: 250px; background-color: lightgray; }
#content { float: left; width: 550px; background-color: white; }
#menu { width: 250px; }
#box { width: 250px; height: 300px; overflow-y: scroll; }
<div id="container">
<div id="leftbar">
<div id="menu">
<div id="box">
</div>
<div id="content"></div>
</div>
<div style="clear:both;"></div>