javascript - swiper.js我给swiper-slide里面的div设置高度后为什么

    
    
    
    
    
    
    
    
    




    

        

           
1
        

        

            
2
        

    

    

    

css代码如下：

.content-slide1{
    width:640px;
    height:1008px;
    background: url("../images/bj-1.jpg") no-repeat 0 0;
    background-size:640px 1008px;
}
.content-slide2{
    width:640px;
    height:1008px;
    background: url("../images/bj-2.jpg") no-repeat 0 0;
    background-size:640px 1008px;
}

最后效果如图

我给content-slide1设置了height108px;它自己给父层的swiper-slide设置了行内样式height:2046px这是为什么？
swiper.js里面封装的函数是怎么设置高度的？原理是什么？