javascript - float 中的绝对定位元素

Question

我有一堆 imgs 相互重叠，根据需要显示/隐藏。为了让这些图像重叠，我不得不使用 position:absolute(我在它们之间淡化，所以我一次至少需要两张图像重叠)。他们的容器 div 是 float 的，但图像的高度不同，所以我无法在此父容器上设置固定高度。我需要他们的容器准确地反射(reflect)他们的高度，因为有另一个 float 的 div 清除需要位于图像下方的容器，无论它的高度是多少。

有没有什么方法可以在不使用 javascript 为每个图像适当调整容器高度的情况下实现这一目标？

这是当前页面的链接。我正在使用具有相同高度的图像，但我希望能够改变图像的高度。

http://www.unwalked.com/

Answer 1

如果您不让所有子图像都绝对定位，而只是暂时将 position: absolute; 设置为正在淡出的图像，会怎样？这样容器自然会调整大小以适合事件图像。