浮動元素中的絕對定位元素

Question

我有一堆重疊的img，可以根據需要顯示/隱藏。 為了使這些圖像重疊，我被迫使用position：absolute（我在它們之間逐漸褪色，因此一次至少要在一個圖像的上面放置兩個圖像）。 它們的容器div是浮動的，但是圖像的高度各不相同，因此我無法在此父容器上設置固定高度。 我需要它們的容器准確地反映它們的高度，因為還有另一個浮動div可以清除需要放置在圖像下方的容器，而不論其高度是多少。

沒有使用javascript來針對每個圖像適當調整容器的高度，有沒有辦法實現這一目標？

這是當前頁面的鏈接。 我正在使用具有相同高度的圖像，但是我希望能夠改變圖像的高度。

http://www.unwalked.com/

Answer 1

如果您不將所有子圖像都絕對定位，而只是暫時設置position: absolute; ，該怎么辦position: absolute; 消失的圖像？ 這樣，容器自然會調整大小以適合活動圖像。