如何通過該容器內的元素來定義容器的高度

我想根據該容器內的圖像使用jquery或javascript來定義我的容器的高度。這可能嗎？我的代碼如下：如何通過該容器內的元素來定義容器的高度

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

來源

2012-07-22 BeDesinged

通常，容器隱含地佔用其內容的高度。 – Pointy 2012-07-22 04:01:58

瀏覽器自動計算css高度（和寬度，實際上）屬性的默認值，使其足以容納任何內容 – nbrooks 2012-07-22 04:03:03

也許OP正在嘗試通過圖像設置高度，然後讓剩下的內容溢出與滾動條？ – Matchu 2012-07-22 04:04:08

的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會使你想要你想要的。

來源

2012-07-22 04:40:01

感謝abc123，這也將與我正在進行的項目一起使用。 – BeDesinged 2012-07-23 00:46:34

這個jQuery腳本應該做的伎倆

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

來源

2012-07-22 04:13:50 alexndm

如何通過該容器內的元素來定義容器的高度

回答

相關問題