调整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”之前添加：<div style="clear:both"></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;