液体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与图像相同的高度。我假设你有一些特定的两个重叠图像，所以你知道它们的大小。