Slick Slider - 滑动器下方有大空白

Question

我已经让“slick slider”正常工作，并且它具有响应性，但是在滑块下面有很大的空白空间。

这个空间似乎是由“.slick-list”类引起的。我把“.slick-list”变成了红色，以便更容易看到。

无论我做什么，我都无法让这个空间消失。

此元素上没有填充、边距或边框...

有什么提示吗？

页面测试页面在此处： 滑块测试页面

- Kenny Johnson

Answer 1

我遇到了类似的问题，尽管我不认为下方的间隙是“巨大”的。

我通过将slick-slider的行高设置为0来解决它。

- Matthew A

---

谢谢！这帮助我解决了我的间距问题。 - Anna_MediaGirl

也帮了我大忙。不过我想知道为什么行高会导致间隙呢？我的幻灯片内容只是设置为块状显示的图片。 - Jordan Carter

Answer 2

我找到了答案。

在slick css中，类.slick-slide的高度设置为100%。

因此，默认情况下，幻灯片占据整个页面的高度。

我删除了height:100%，这个大空间就消失了。

- Kenny Johnson

Answer 3

需要使用 !important 覆盖由 style.css 设置的此样式元素

 .image{
  background-repeat:no-repeat;
  background-position: none; <-- currently the value is center center. 
  background-size:100%;
  height:0;width:100%;
  padding-bottom:50%;
  }

- slopeofhope

---

我将background-position从"center center"更改为"none"，但这并没有使大红色空间消失。它没有任何区别，所以我改变回来了...那个大红色空间来自slick.css中的slick-list类。 - Kenny Johnson

@KennyJohnson，你找到解决方法了吗？我也遇到了同样的问题。 - Abdul R.