Flexslider在滑块下方添加巨大的空白区域

Question

我的柔性滑板下面有大量的空白区域，我不知道如何移除。我已经玩了很多CSS，似乎没有任何工作，没有打破“响应”行为。任何帮助都是非常有用的。

...问候

可以在此处查看网站，所有代码都位于head标记中： http://destinjustlisted.com/new/

Answer 1

包含幻灯片项目的div必须包含“flexslider”类。在flexslider.css中为该类设置了各种各样的东西，这是下载的一部分。它拥有的CSS属性之一是“边距”。你会在那里看到三个值。它看起来像这样：

margin: 0 0 60px;

我不知道你是否熟悉这种属性格式，但是当你有4个设置时，它在CSS中很常见，如边距，边框或填充（所有这些都有4个边）。您最多可以有四个值，分别代表：top，right，bottom，left（就像你绕着钟盘，从12点开始）。所以，例如：

padding: 0 1px 0 2px;

在顶部和底部没有填充，但右边是1个像素，左边是2个像素。

flexslider CSS底部有60像素的边距。如果您希望直观地显示幻灯片中的位置或者选择特定幻灯片，则会为导航按钮留出空间。不幸的是，如果您在设置插件时将属性“controlNav”设置为“false”，如果您不想显示这些“按钮”，那么您最终会得到控件下方的大空白区域。如果你只是将该属性设置为：

margin: 0;

所有问题都将得到解决！

Answer 2

如果您的图像尺寸不同（特别是高度），Flexslider容器将显示与最高图像一样高的尺寸。这可能会造成您可能会看到的差距。

如果这是原因，请提前调整图像大小，使它们具有相同的高度和宽度。