2011-07-06 10 views
0

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> 

答えて

1

こんにちは、私はいくつかの未開封のdivタグを持っていることがわかります。それはおそらくあなたが望むことをしない理由です。 Java Scriptを使用してスクロールバーを割り当てることができます.cssからオーバーフローを設定すると、最初からスクロールバーが表示されます

関連する問題