div에서 슬라이더 감싸기 높이가

Question

이 슬라이더를 사용하고 있습니다. 여기에 데모 링크

http://www.idangero.us/sliders/swiper/demos/main-demos/17-responsive.html

입니다하지만 난 사업부에서이 슬라이더를 포장하고 싶지만 내가 할 때 100 %

원래의 코드

<div class="swiper-container"> 
    <div class="swiper-wrapper"> 
     <div class="swiper-slide red-slide"> 
     <div class="title">Slide 1</div> 
     </div> 
     <div class="swiper-slide blue-slide"> 
     <div class="title">Slide 2</div> 
     </div> 
     <div class="swiper-slide orange-slide"> 
     <div class="title">Slide 3</div> 
     </div> 
     <div class="swiper-slide green-slide"> 
     <div class="title">Slide 4</div> 
     </div> 
     <div class="swiper-slide pink-slide"> 
     <div class="title">Slide 5</div> 
     </div> 
     <div class="swiper-slide red-slide"> 
     <div class="title">Slide 6</div> 
     </div> 
     <div class="swiper-slide blue-slide"> 
     <div class="title">Slide 7</div> 
     </div> 
     <div class="swiper-slide orange-slide"> 
     <div class="title">Slide 8</div> 
     </div> 
    </div> 
    <div class="pagination"></div> 
    </div> 

에서 125px로 높이를 감소 내 코드 :

<div class="bodycontent"> 
    <div class="swiper-container"> 
    <div class="swiper-wrapper"> 
     <div class="swiper-slide red-slide"> 
     <div class="title">Slide 1</div> 
     </div> 
     <div class="swiper-slide blue-slide"> 
     <div class="title">Slide 2</div> 
     </div> 
     <div class="swiper-slide orange-slide"> 
     <div class="title">Slide 3</div> 
     </div> 
     <div class="swiper-slide green-slide"> 
     <div class="title">Slide 4</div> 
     </div> 
     <div class="swiper-slide pink-slide"> 
     <div class="title">Slide 5</div> 
     </div> 
     <div class="swiper-slide red-slide"> 
     <div class="title">Slide 6</div> 
     </div> 
     <div class="swiper-slide blue-slide"> 
     <div class="title">Slide 7</div> 
     </div> 
     <div class="swiper-slide orange-slide"> 
     <div class="title">Slide 8</div> 
     </div> 
    </div> 
    <div class="pagination"></div> 
    </div> 
</div> 

Answer 1

이 CSS를 추가하십시오 :

.bodycontent { 
    height: 100% 
}