slick.jsの高さを100%にするとき(高さ0pxでslickが表示されない時)。

slickの高さが0pxになっていて、どこに高さを指定すればいいか分からない人

slick表示されないと思ったら、高さが0pxになってるっぽい。
どうしたらいいの?
slickが色々クラス追加してるし分からない。

しんぺー

今回はこんな悩みに答えます。
下のCSSを追加すればOKです!

slickの高さを100%にするCSS

.key-slider,
.slick-list,
.slick-track {
  height: 100%;
}

これだけです〜。

うまく表示されましたか?
自分と同じ状況になった方の助けになっていれば幸いです。

ありがとうございました!

この記事を書いた人

アバター

しんぺー

Web制作会社のフロントエンドエンジニア。
2019年9月よりWeb制作を独学、2021年3月ジョブチェンジでエンジニアに。

プログラミングを始めたい方や、学習中の方、副業・転職したい方に向けて発信していますが、業務で覚えた技術がメインになってます。

趣味は音楽です。下の「ウェブサイト」に趣味で作ったサイトをリンクしていますので、興味ある方はどうぞ。