Жидкий HTML - проблема с размерами

Почему красная коробка не такого размера, как зеленая коробка? (У меня должна быть абсолютная позиция, так как я накладываю два изображения)

Что я делаю неправильно?

<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>

1 ответ

Решение

Вы должны дать держателю div ту же высоту, что и у изображений. Я предполагаю, что у вас есть несколько конкретных двух перекрывающихся изображений, чтобы вы знали их размер.

Другие вопросы по тегам