用position：absolute设置其内容的div高度

Question

我想要完成的是以下内容：

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

包含图像的div将在幻灯片中使用，因此需要将它们一个放在另一个上面，第一个显示，其他隐藏。

当我将位置设置为绝对值时，外部div的高度会缩小并破坏整个布局。关于如何解决这个问题的任何提示？

编辑：HTML结构不可协商。

Answer 1

根据内容，使用JQuery结束设置div的高度。只需要在循环中添加一行代码。案件结案。

Answer 2

我认为你的方法是错误的，这样做的方法不是让div以绝对定位叠加在一起。在最后两个div上设置css以显示：none。如果要移动到下一个图像，请将图像设置为display：block。 （显示的示例使用JQuery）

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

然后隐藏另外两个

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

您需要添加一个id属性，以便您可以唯一地选择图像。