具有绝对定位图像的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的高度。