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

【问题标题】：Resizing a div to fit content with maximum height调整 div 的大小以适应具有最大高度的内容
【发布时间】：2012-05-01 13:08:54
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案3】：

你可以用 css 做到这一点，例如：max-height: 100px; overflow-y:scroll;

【讨论】：