集格的高度：絕對

Question

我試圖做到的是以下內容：包含圖像

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

的div將在幻燈片中使用，以便他們需要被定位在一個頂部另一個，第一個顯示，其他隱藏。

當我設置位置：絕對的div雖然，外部div的高度收縮並破壞整個佈局。有關如何解決這個問題的任何提示？

編輯：HTML結構不可協商。

Answer 1

根據其內容結束使用JQuery設置di​​v的高度。只需要在循環中添加一行代碼即可。案件結案。

Answer 2

我認爲你的做法是錯誤的，做到這一點的方式不是讓div以絕對定位堆疊在一起。將最後兩個div上的css設置爲顯示：無。當你想移動到下一個圖像時，將圖像設置爲顯示：塊。 （如圖示用了jQuery）

$("div#image2").show(); 

，然後隱藏其他兩個

$("div#image2").siblings().hide(); 

你需要添加一個id屬性，所以你可以選擇唯一您的圖像。