浮點內絕對定位的元素

我有一堆疊疊的imgs，根據需要顯示/隱藏。對於這些圖像重疊，我被迫使用位置：絕對（我正在他們之間褪色，所以我一次至少需要兩個圖像在另一個之上）。它們的容器div浮動，但圖像的高度不同，所以我無法在此父容器上設置固定高度。我需要他們的容器來準確地反映它們的高度，因爲有另一個浮動的div可以清除需要坐在圖像下面的容器，無論它的高度如何。浮點內絕對定位的元素

有沒有什麼辦法實現這一點，而不使用JavaScript來適當調整每個圖像的容器高度？

這裏是一個網頁的鏈接，因爲它是在目前。我正在使用具有相同高度的圖像，但我希望能夠改變圖像的高度。

http://www.unwalked.com/

來源

2012-04-02 Undistraction

你可以在jsFiddle中顯示這個嗎？我不確定如何描述問題。 – 2012-04-02 08:17:38

聽起來像這樣：http://jsfiddle.net/dJdXX/30/ Dond't有時間進一步混亂，但我認爲這表明了問題。 – 2012-04-02 08:27:11

總之，你想要一個絕對位置元素（E）的父（P）基於E.height來調整其高度？如果是這樣，你就不能在沒有javascript的情況下這樣做，因爲E不再是P的孩子，因爲絕對位置將它從流中移除。 – Bazzz 2012-04-02 08:39:05

如果你不把所有的絕對定位，而不僅僅是臨時設置position: absolute;向被正在消失的圖像孩子的圖片？這樣容器會自然調整大小以適應活動圖像。

來源

2012-04-02 09:54:51

這真是個好想法。但是，如果淡出的圖像比淡入圖像高，那麼浮動的容器會收縮圖像的高度，使淡出的圖像與底部邊緣重疊。 – Undistraction 2012-04-02 13:58:30

是的，這是真的。但你想如何表現呢？最好的辦法是順利地動畫容器高度變化，但涉及JavaScript（我不認爲你可以使這與CSS轉換，但也許我錯了）。 – 2012-04-02 14:28:08

是的，我想我將不得不在某處使用JavaScript;我的問題是，如果沒有使用javascript，所有這些都是可能的。你的答案非常接近，但並不完全。 – Undistraction 2012-04-02 14:35:57

浮點內絕對定位的元素

回答

相關問題