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