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の代わりにクラス名を使用してください。