如何在div元素中定位绝对图像

Question

我在div标签内有一个绝对位置图像的图像。如果我调整浏览器的大小，我想根据图像调整div标签的大小。我的代码在这里： -

CSS

#parent{
    width:225px;
    height:auto;
    position:relative;
    border:1px solid #000;
}

img{
    position:absolute;
}

HTML

<div id="parent">
    <img src="images/photo1.jpg" />
</div>

实际上div标签边框并不包含绝对定位的图像。 请帮忙。

Answer 1

你的问题措辞不当。但也许你需要这样的东西？：

#parent{
    width:100%;
    max-width:250px;
    height:auto;
    position:relative;
    border:1px solid #000;
}

img{
    max-width:100%;
}

你确定你需要绝对吗？