如何通过该容器中的元素定义容器的高度

Question

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

<div class="img-info">
<img src="images/photos/thumb_sample_l.jpg" alt="sample" title="Sample thumbnail" width="100%" />
</div>

Answer 1

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

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

Answer 2

根据屏幕高度管理内容高度的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这将使您想要。