如何将容器光滑轮播调整为100％的父级？

Question

我使用库slick carousel。 有以下HTML结构：

<div class="parent">
    <div class="slider">
        <div class="item" title=""></div>
        <div class="item" title=""></div>
        <div class="item" title=""></div>
        <div class="item" title=""></div>
    </div>
</div>

风格：

.parent {
   height:100%; // 100% of page
}

.item {
 height:100%; // Element in slide
}

如何调整.slider内的内容，如果它是100％的父容器？

Answer 1

.slider和.item 100%的高度，它们应符合.parent的高度。

http://codepen.io/johnniebenson/pen/mPNJqw

.slider {
    height: 100%;
}

.slider .item {
    width: 100%;
    height: 100%;
}