集格的高度：绝对

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属性，所以你可以选择唯一您的图像。