slick.js轮播在高度百分比下工作

Question

我使用slick.js轮播并简化了css以修复该错误，但我认为问题来自于javascript。

如果我以像素为单位添加.slick-slide高度，则可以正常工作。但如果我想使用百分比，滑块会自动调整高度。形式在哪里，我真的不知道。我尝试将height: 100% !important;添加具有高度的类，删除，但没有任何效果。

这是CodePen例子

Answer 1

要使高度以百分比形式工作，您需要为所有父div设置高度。看看这个：http://codepen.io/anon/pen/LVjadW

html, body, #myCarousel, #myCarousel div{
  height:100%;
}

#myCarousel .slick-slide {
    height: 50%;
    float: left;
}