jquery - 调整 div 的大小以适应具有最大高度的内容

Question

我有一个包含动态内容的 div。当内容在 div 中加载时，我希望 div 调整大小以适应内容。但我希望这种调整大小具有最大高度。如果内容需要超过这个最大高度，我希望有一个滚动条。

我在这里搜索了问题，但找不到我要找的东西（除了提问者回答说他自己想出来的问题）。我读过我可以用 jquery 做到这一点，但我对此很陌生，但我确实经历了调整 div 大小和更改类之类的演示，但我真的不知道如何实现我在找什么。我试图找到解决方案，所以请温柔。

Answer 1

 div {height:auto;overflow:scroll;max-height:200px;}

Answer 2

采用：

<div style="max-height: 400px; overflow-y:scroll; overflow-x: hidden">
<p>Some dynamic content loads inside the div</p>
</div>

然后添加：<div style="clear:both"></div>在关闭“div”之前：

<div style="max-height: 400px">
<p>Some dynamic content loads inside the div</p>
<div style="clear:both"></div>
</div>

Answer 3

您可以使用 css 执行此操作，例如：max-height: 100px; overflow-y:scroll;