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

Question

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

<div class="img-info">
<img src="images/photos/thumb_sample_l.jpg" alt="sample" title="示例缩略图" 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 会让你想要你想要的。