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

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将使您想要您想要的。