在其他div高度之后，使用溢出/滚动条扩展Div

Question

我需要用div做一个网站。请参阅格式的代码段。 MENU的高度可变，具体取决于菜单项是否已推出，内容的高度也可变，但最小值为700px。如果将MENU折叠到最小高度，则为300px，并且BOX应占用剩余空间，因此MENU + BOX与CONTENT的高度相同。 BOX的内容是600px，所以当BOX只有400px时，应该有滚动条。当CONTENT div扩展时，BOX也应该扩展，因此它们保持相同的高度。

这是我到目前为止所得到的，但它无法正常工作。我已经尝试了其他一些东西，但是为这篇文章删除了它，所以我只得到显示的点数。希望你能提供帮助，并提前感谢你！

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

Answer 1

嗨，在第一眼看，我可以看到你有一些未闭合的div标签，可能这就是为什么它不能做你想要的。您可以使用java脚本分配滚动条，如果您从css设置溢出，它将从头开始有一个滚动条