使div与其中的图像大小相同

Question

我有一个div与以下代码

HTML:

<div id='imgContainer'>
    <img src='/img/logo.png' id='imglogo'></img>
</div>

CSS

div#imgContainer {
    width: 250px;
    height: 250px;
    padding: 13px;
}

问题是用户可以编辑图像大小,颜色和其他一些东西,所以我希望div随着图像变大而变大.我希望div的宽度和高度为250px(如果图像小于它),但随着图像变大而变大.

解决方案可以是PHP,JavaScript,CSS或jQuery.

Answer 1

试试这个:

div#imgContainer {
    min-width: 250px;
    min-height: 250px;
    padding: 13px;
    display: inline-block;
}

小提琴

感谢@ahren和@Mohsen