Div在其他div高度後溢出/滾動條擴展

我需要做一個網站與div。查看格式的代碼片段。菜單的高度是可變的，這取決於菜單項是否被推出，並且內容也是高度可變的，但最小爲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>

來源

2011-07-06 user831215

嗨在第一次看，我可以看到你有一些unclosed的div標籤，可能這就是爲什麼它沒有做你想做的。你可以通過使用java腳本來分配滾動條，如果你從css中設置溢出，它將從頭開始有一個滾動條

來源

2011-10-10 08:51:44 Lesonschi

Div在其他div高度後溢出/滾動條擴展

回答

相關問題