将 div 调整大小以适应最大高度的内容

Question

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

我在这里搜索了问题，但没有找到我要找的内容（除了一个问题提问者回复说他自己找到解决办法）。我读过可以使用jquery实现此功能，但我对此还很生疏，我浏览了div调整大小和更改类等演示，但我真的不知道如何实现我想要的内容。我确实尝试过寻找解决方案，请温柔一点。

- qudoz

---

希望你不必担心这个问题，但IE 6不支持max-height属性。只是要记在脑后。 - CambridgeMike

哎呀，有没有绕过IE6中的最大高度限制的方法？ - qudoz

Answer 1

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

- meWantToLearn

---

下降评分，因为即使是完全正确的纯代码答案，如果没有任何解释性的文字说明，也是错误的。 - trejder

当高度大于您定义的最大高度时，此方法将无法正常工作。 - eyal_katz

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>

- Nick

Answer 3

你可以使用CSS来实现这个功能，例如：max-height: 100px; overflow-y:scroll;。

- alexg