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

Question

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里面封装的函数是怎么设置高度的？原理是什么？

Answer 1

根据最外层的container高度决定的，即.swiper-container。当然有参数可以设置是否自动高度和固定高度，2.x和3.x的设置方法不一样，可以参考官方API