如何实现一种动态滚动div？

Question

我正在尝试找出一个好的/最好的实现来创建一种动态可滚动的div /区域。

一个例子，我可以创建以下内容：

<div id="batchList" name="batchList"  style="height:200px;overflow: auto;" >
   .blah
   .blah
   .blah

</div>

上面提供了一个200px的垂直空间......如果内部内容超过200px就可以了，因为该区域有垂直滚动条。

但是，如果我想要一个只有几行内容的较短的垂直空间，这是如何实现的？在其他作品中，有没有办法有一种动态的垂直空间，最大的垂直空间，然后开始可以滚动？

Answer 1

使用CSS max-height：

#batchList { max-height:200px; overflow:auto }

（另外，don't mix your CSS style with content markup。）

Answer 2

如果我理解正确，那么我认为这就是你所需要的。

只需将height:200px更改为max-height:200px

即可