Javascript 浮动内的绝对定位元素

我有一堆相互叠加的IMG，它们根据需要显示/隐藏。为了使这些图像重叠，我不得不使用位置：绝对我在它们之间淡入淡出，所以我一次至少需要两个图像重叠。它们的容器div是浮动的，但图像的高度不同，因此我无法在此父容器上设置固定高度。我需要他们的容器准确地反映他们的高度，因为有另一个浮动div可以清除需要位于图像下方的容器，不管它是什么高度

在不使用javascript为每个图像适当调整容器高度的情况下，是否有任何方法可以实现这一点

这里有一个链接，指向目前的页面。我使用相同高度的图像，但我希望能够改变图像的高度

---

如果不将所有子图像设置为绝对位置，而只是临时设置位置：绝对；到正在消失的图像？这样，容器将自然调整大小以适应活动图像。

您能在JSFIDLE中显示这一点吗？我不确定我是否按照您描述的方式理解了这个问题。听起来像这样：我没有时间进一步处理它，但我认为这表明了问题所在。简言之，您希望绝对位置元素E的父元素P根据E高度调整其高度？如果是这样的话，没有javascript您就无法做到这一点，因为E不再是P的子元素，因为position absolute将其从流中删除。谢谢大家。我已将该页面的链接添加到我的question@Eric是的。就这样，这想法很好。但是，如果淡出图像比淡入图像高，则浮动容器将收缩淡入图像的高度，使淡出图像与其底边重叠。是的，这是正确的。但你希望它表现得怎么样？最好的方法是平滑地设置容器高度变化的动画，但这涉及到javascript，我不认为你可以通过CSS转换实现这一点，但也许我错了；我的问题是，如果不使用javascript，所有这些是否都是可能的。您的答案非常接近，但并不完全正确。我想这是您在不通过JavaScript设置容器高度的情况下所能做的最好的。。。