javascript - 动态设置div的高度

Question

我有一个名为 list 的 div，它从数据库获取其内容。 我已经设置了垂直滚动条，只要它的高度超过 100px，它就会使用滚动条。

现在我的问题是，当列表的内容变空或小于 100px 时，它设置为 100px 的相同高度。我希望 div 的高度根据其内容动态变化，同时使用垂直滚动每当条形高度超过 100px 时。

#list {
height: 100px;
width: 1100px;
overflow-x: hidden;
overflow-y: auto;
}

任何帮助将不胜感激

Answer 1

使用max-height:100px而不是height:100px。

您可以在此处看到差异: jsFiddle example 。剪切文本以查看 div 缩小。