html - Liquid HTML - 大小问题

Question

为什么红框和绿框大小不一样？（我必须有绝对位置，因为我要覆盖两个图像）

我究竟做错了什么？

<div style="position: relative; float: left; width: 300px; background: red; border: 10px solid red">
    <div id="holder" style="position: relative;">
        <div style="position: absolute; left: 0px; top: 0px; background: green">
            <img src="image" width="100" height="100"></div>
        <div style="position: absolute; left: 0px; top: 0px; background: green">
            <img src="overlay" width="100" height="100"></div>
    </div>
</div>

Answer 1

您需要为持有人 div 提供与图像相同的高度。我假设您有一些特定的两个重叠图像，因此您知道它们的大小。