CSS中的可调整高度

Question

我正在尝试找出正确显示 jQuery 滑块的设置。 我想展示几张不同的幻灯片，但问题是它们的高度可能会因幻灯片的标题长度而异。 幻灯片结构是标题，下面是图像。

我调整了父 div（包含标题和图像）以具有 height:auto 属性。

问题是 - 当显示的“第一张”幻灯片比其他幻灯片“短”时，它不起作用。 当第一张幻灯片加载时，父 div 将标题和图像的尺寸作为其高度，如果其他幻灯片具有更大的高度，它们将与滑块下方的内容重叠。

你有什么办法解决这个问题吗？

Answer 1

我认为您正在寻找自适应高度的 Jquery 滑块。

您可以使用Jquery Bxslider Adaptive plugin。您可以浏览该站点，它可以帮助您了解插件，并提供实施指南。