css - 在不同图像尺寸的幻灯片下保持内容“固定”

Question

这是一个非常基本的 CSS 问题，但我正在努力解决它：

我有一个幻灯片插件，其中包含不同大小的图像。下面的内容相对于图像大小上下移动。如何修复下面的文本，使其在这些不同的图像下方保持稳定？

链接在这里：http ://bit.ly/1ianlglg

谢谢！

Answer 1

这是因为幻灯片容器上的自动高度添加min-height或固定height到div.rslides_container包含滑动图像的最小高度将保护您的内容移动，而幻灯片高度根据您的 img 高度而变化。

例如

     .rslides_container {
margin-bottom: 50px;
position: relative;
float: left;
width: 100%;
min-height: 700px;
}