如何通过容器内的元素定义容器的高度答案

【问题标题】：How to define height of a container by an element within that container如何通过容器内的元素定义容器的高度
【发布时间】：2012-07-20 19:28:45
【问题描述】：

我正在尝试使用 jquery 或 javascript 根据容器内的图像定义容器的高度。这可能吗？我的代码如下：

【问题讨论】：

通常容器会隐式地占据其内容的高度。
css 高度（实际上是宽度）属性的默认值由浏览器自动计算，使其大到足以容纳其中的任何内容
也许 OP 试图通过图像设置高度，然后让其余的内容用滚动条溢出？
试试这个：$('.img-info').height($('.img-info > img').height())
Raminson，这完美！谢谢，问题解决了。

标签： javascript jquery html

【解决方案1】：

根据屏幕高度管理内容高度的 javascript 代码可能对您有所帮助..

<script type="text/javascript">
  $(document).ready(function () {
  var scrheight=screen.availHeight;
  //alert(scrheight-270);
  $('.TabbedPanelsContent').css('max-height',scrheight-270);
  $('.TabbedPanelsContent').css('overflow','auto');
  });
  </script>

在这里使用你的类名而不是 TabbedPanelsContent 会让你想要你想要的。

【讨论】：

感谢 abc123，这对我正在进行的项目也很有用。

【解决方案2】：

这个 jQuery 脚本应该可以解决问题

var imgHeight = $('.img-info img').height();
$('.img-info').css({'height':imgHeight});

【讨论】：