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

【问题标题】：Div expanding with overflow/scrollbars after other divs heightdiv 在其他 div 高度之后使用溢出/滚动条扩展
【发布时间】：2011-09-29 10:49:55
【问题描述】：

我需要做一个带有 div 的网站。有关格式，请参见代码 sn-p。菜单的高度可变，取决于菜单项是否展开，内容的高度也是可变的，但最小为 700 像素。如果 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>

【问题讨论】：

标签： css html height overflow

【解决方案1】：

您好，乍一看，我可以看到您有一些未关闭的 div 标签，这可能就是为什么它不符合您的要求。您可以使用 java 脚本分配滚动条，如果您从 css 设置溢出，它将从一开始就有一个滚动条

【讨论】：