检测图像的高度

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

下面的代码应该这样做，但是我不确定为什么你需要将min-height设置为等于图像的高度。

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