相对定位元素的自动高度

Question

我有一个相对定位的div，里面有许多绝对定位的img：

<div class="container">
     <img />
     <img />
</div>

.container{
    position: relative;
    border: 4px solid #ccc;
}
.container img
{
    position: absolute;
}

我想要实现的目标是什么？我正在使用jquery image fader plugin淡入淡出图像。

图像显示但是.container没有伸展到高度。我该如何解决这个问题？

Answer 1

绝对定位的元素从正常流中取出，不用于计算其他元素的高度。

您必须明确设置高度。理想情况下，事先了解图像的大小并将其设置在样式表中，或者通过JavaScript测量图像。

另一个选择是用其他东西取代绝对定位（其他东西可能取决于你想要达到的效果）。

Answer 2

由于绝对定位，绝对定位的imgs不是用于渲染目的的div的一部分。考虑在img或div上使用相对定位或固定的最小高度。