动态设置div的高度

时间:2014-05-14 19:44:00

标签: javascript html

我有一个名为list的div,它从数据库中获取其内容。 我已经设置了垂直滚动条,每当它的高度超过100px时,它将使用滚动条。

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

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

任何帮助都会非常苛刻

2 个答案:

答案 0 :(得分:3)

使用max-height:100px代替height:100px

您可以在此处看到差异: jsFiddle example 。将文字缩小以查看div缩小。

答案 1 :(得分:1)

height:auto;
max-height:100px;