Wie wird Container Slick Carouse auf 100% der Elterngröße angepasst?

Question

Ich benutze Bibliothek slick carousel. Es gibt die folgende HTML-Struktur:

<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> 

und Stile:

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

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

Wie Inhalte in .slider, um die Größe, dass, wenn 100% der übergeordneten Container sein wird?

Answer 1

Geben Sie .slider und .item Höhen von 100% und sie sollten die Höhe von .parent einhalten.

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

.slider { 
    height: 100%; 
} 

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