Css 父div未扩展到高度

我有一个简单的标记：

<div style="position: relative;">
    <img src="http://placehold.it/350x150" style="position: absolute;">
</div>
<img src="http://placehold.it/350x150">

为什么父div没有扩展高度

编辑：

最终的标记如下所示：

<div style="position: relative;">
    <img src="http://placehold.it/350x150" style="position: absolute;">
    <img src="http://placehold.it/350x150" style="position: absolute; display: none;">
    <img src="http://placehold.it/350x150" style="position: absolute; display: none;">
</div>

---

我正在使用。所以

position:absolute

是必需的，由插件自动添加。

因为您有

position:absolute那里。将其更改为
位置：静态或类似。为什么要在那里使用绝对定位？
因为您有
位置：绝对那里。将其更改为
位置：静态或类似。为什么要在那里使用绝对定位？
看起来，真正的问题是，您的循环幻灯片正在收拢，因为每个幻灯片（标记中的图像）都设置了
位置：绝对

这是必要的，因为Cycle使用定位（以及其他CSS）来转换幻灯片。要解决这个问题，可以在容器上设置一个固定高度（如果站点的宽度是固定的，则仅此选项）。循环2有一个循环，其中：

…确定Cycle2是否为幻灯片提供高度管理，这在流体或响应性设计中非常有用。此选项有三种使用方式：


可以提供一个整数来标识sentinel幻灯片的从零开始的幻灯片索引
可以提供字符串“calc”来指示Cycle2计算最高的幻灯片并将其用作哨兵
可以提供一个比率字符串，用于标识容器的宽度：高度纵横比

默认情况下，幻灯片的第一张幻灯片用作sentinel幻灯片，如果容器没有通过CSS设置特定高度，则其尺寸将控制幻灯片容器的高度

一些建议：使用Cycle 2（与原来的Cycle插件相反），它内置了您需要的东西。还有一个很好的例子。
看起来，真正的问题是你的循环幻灯片正在收拢，因为每张幻灯片（标记中的图像）都设置了
位置：绝对

这是必要的，因为Cycle使用定位（以及其他CSS）来转换幻灯片。要解决这个问题，可以在容器上设置一个固定高度（如果站点的宽度是固定的，则仅此选项）。循环2有一个循环，其中：

…确定Cycle2是否为幻灯片提供高度管理，这在流体或响应性设计中非常有用。此选项有三种使用方式：


可以提供一个整数来标识sentinel幻灯片的从零开始的幻灯片索引
可以提供字符串“calc”来指示Cycle2计算最高的幻灯片并将其用作哨兵
可以提供一个比率字符串，用于标识容器的宽度：高度纵横比

默认情况下，幻灯片的第一张幻灯片用作sentinel幻灯片，如果容器没有通过CSS设置特定高度，则其尺寸将控制幻灯片容器的高度

一些建议：使用Cycle 2（与原来的Cycle插件相反），它内置了您需要的东西。也可以查看非常好的。我不能更改它，因为它是由javascript循环自动添加的。更改循环，然后添加你的循环。他有绝对定位图像，而不是div@Mr.Alien-情况并非如此，绝对定位永远不会扩展父级的高度。你仍然可以在cycle插件后运行脚本并更改这些图像的css。。。但我认为你在做错事。也许您需要为所有循环图像指定一个容器，或者为它们定义最小高度。我很久以前就用过cycle，但不记得它有问题。我无法更改它，因为它是由javascript cycle自动添加的。更改循环，然后添加你的循环。他有绝对定位图像，而不是div@Mr.Alien-情况并非如此，绝对定位永远不会扩展父级的高度。你仍然可以在cycle插件后运行脚本并更改这些图像的css。。。但我认为你在做错事。也许您需要为所有循环图像指定一个容器，或者为它们定义最小高度。我很久以前就用过cycle，但不记得它有问题。我认为overflow auto可以按照@Nathan Lee的建议在这里工作。我也这么认为，这是我需要的小提琴位置：绝对。所以它不起作用：我认为溢出自动在这里起作用，正如@Nathan Lee所建议的那样。我也这么认为，这是我需要的小提琴位置：绝对。所以它不起作用了：谢谢，我不知道循环2。我想在父母的
position:relative
上没有崩溃。谢谢，我不知道第二个周期。我认为在父对象上使用
position:relative
不会崩溃。