如何缩小div的高度以容纳更多内容？

Question

我有一个如下所示的布局：

.-------------------.u
|#content           |u
'-------------------'u
.-------------------.u
|#menu              |u
'-------------------'u
.-------------------.u
|#morecontent       vu
|                   vu
|                   vu
'-------------------'u

u表示正文滚动条，v表示从#morecontent的{​​{1}}属性创建的滚动条。我overflow: auto包含动态数据，因此有时需要多行，但现在#menu的大小只适合一行。如何使#morecontent的高度自行调整，以免导致#morecontent滚动条滚动或“启用”。我想当我有一条以上的线路？我知道我应该使用u并尝试使用%，但它并没有按照我想要的方式运行......

Answer 1

确保您的div仅使用max-height和min-height。不要使用高度。 如果你想让它的高度永远存在，不要设置任何东西。

Answer 2

看看这个：
http://jsfiddle.net/9QNUG/

注意：您没有说上面的内容是否是动态的，但我假设不是您的描述，您需要使用示例中的高度来让它们与您的匹配。

Answer 3

使用position: fixed使布局更具体，使用Javascript来调整#morecontent div的大小。当另一个div使用XHTML / CSS时，无法使其调整大小。