html - 相对定位元素上的自动高度

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

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

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

我要实现什么？我正在使用jquery image fader plugin淡入和淡出图像。
图像显示出来，但是.container没有拉伸到高度。我该怎么解决？

最佳答案

绝对定位的元素被从正常流中取出，不用于计算其他元素的高度。
必须明确设置高度。理想的方法是预先知道图像的大小并在样式表中设置它，或者使用JavaScript测量它。
另一种选择是用其他东西代替绝对定位（其他东西可能是什么取决于你试图达到的效果）。