CSS中的可调高度

Question

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

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

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

你有什么想法如何解决这个问题？

Answer 1

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

您可以使用Jquery Bxslider Adaptive plugin。Yo可以访问该网站，它可以帮助您了解该插件，并提供实施指南。