具有绝对位置图像的div的100％高度

Question

我有一个绝对定位图像的div。 但是我希望高度是动态的，以便显示图像。 现在，div将忽略图像，并将其折叠为文本内容。 如何获取div以显示整个图像？

<div style="position:relative; height:auto">
    <img style="position:absolute; top:100px; left:100px;"/>
</div>

Answer 1

绝对定位的元素将从正常流中删除 。 这意味着所有元素都将忽略它，好像它不存在一样。 要解决您的问题，您需要使用JavaScript来获取图片的高度并相应地调整div的高度。