2015-06-17 23 views
1

我使用slick.js旋轉木馬,我簡化了一點點的CSS來解決這個錯誤,但我認爲問題出自javascript。slick.js旋轉木馬在工作高度百分比

如果我加上.slick-slide像素的高度,作品。但是,如果我想使用百分比,滑塊會自動調整高度。形式在哪裏,我真的不知道。我嘗試把height: 100% !important;添加類與高度,刪除,但沒有任何工作。

這裏是CodePen爲例

回答

0

身高在百分比的工作,你需要設置高度爲所有家長的div。檢查了這一點:http://codepen.io/anon/pen/LVjadW

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

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

你是awsome。謝謝。作品。題外話:我沒有足夠的聲望投票。抱歉。我會回來。 – Paula

+0

一個問題:你使用:#myCarousel,#myCarousel div。 MyCarousel之後有什麼「div」? – Paula

+0

「#myCarousel ,, #myCarousel div」是爲了確保「#myCarousel」div以及其內部的所有div的高度設置爲100% – gopalraju