檢測圖像的高度

Question

我有幾個圖片（具有不同大小）在我的項目，提高了頁面的佈局，我設置這個CSS這些圖像：

#Banners { 
    max-width: 250px; 
    max-height: 350px; 

    border: 1px solid #fff; 
    box-shadow: 0 0 5px #888; 
    -moz-box-shadow: 0 0 5px #888; 
    -webkit-box-shadow: 0 0 5px#888; 
} 

.float { 
    float: left; 
} 

但有些圖像小於350px並且它們所在的容器的min-height設置爲360px，那麼它會在我的頁面上留出一個空白區域。所以我想獲得圖像的實際height（通過CSS代碼後的height），並使用jQuery將容器min-height設置爲等於圖像height。如何在通過CSS之後獲得圖像height？

Answer 1

下面的代碼應該這樣做，但我不知道爲什麼你需要設置最小高度等於圖像的高度。

$(document).ready(function() { 
    $("#Banners").css("min-height", $("#img_id").outerHeight()); 
});