javascript - div 内内容的高度

标签 javascript jquery css

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

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

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

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

感谢任何帮助!

最佳答案

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

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

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

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

关于javascript - div 内内容的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1459339/

相关文章:

javascript - 将 JavaScript 日期格式化为小时 :Minutes:Seconds

jquery - 使用 css 选择器检查第一个元素

css 隐藏按钮直到 div 悬停

JQuery(只讲CSS)DataTable插件的布局定位

javascript - 使用 BeautifulSoup 抓取 JavaScript (ReactTable)

javascript - 像文本样式一样的 Youtrack

javascript - 鼠标悬停时显示图像

javascript - 使用 php 触发器切换 Bootstrap 模式

javascript - 表格中的定位按钮

html - flexbox 中超出父 div 的水平边距