javascript - div 内内容的高度

Question

页面的内容加载到一个 div 中:

<div id="content">Some content</div>

div 具有固定高度，并在溢出时使用滚动。如果内容不需要 div 的固定高度，我想调整 div onload 的高度(使其变小)。如何测量 div 中内容的高度？

我试图以相反的方式工作。没有固定的高度，在加载页面后测量 div 的高度，并在溢出时将 div 的高度调整到某个最大值。但这给内容中没有设置高度和宽度的某些图像带来了问题。浏览器返回错误的 div 高度，因为图像可能尚未加载。即使 $(window).ready(...

感谢任何帮助!

Answer 1

在 CSS 中设置 max-height 怎么样？

对于 IE6，您可以使用 CSS 表达式:

<!--[if lte ie6]>
<style>
#content {
   height: expression( this.scrollHeight > 499? "500px" : "auto" ); 
}
</style>
<![endif]-->

这非常难看，但 IE6 也是...