css中元素加定位之后到一定距离元素会变小

css中元素加定位之后到一定距离元素会变小

主要原因：元素没有加宽高

.swiperWrapper .active{
    bottom: 380px;
    left: 215px;
    z-index: 10;
}
.swiperWrapper .next{
    bottom: 170px;
    left: 7%;
    z-index: 20;
}
.swiperWrapper .prev{
    bottom: 360px;
    left: 0%;
    z-index: 30;
}

解决方法：元素加固定宽高

.swiperWrapper .active{
    bottom: 380px;
    left: 215px;
    z-index: 10;
    width: 883px;
    height: 464px;
}
.swiperWrapper .next{
    bottom: 170px;
    left: 7%;
    z-index: 20;
    width: 386px;
    height: 257px;
}
.swiperWrapper .prev{
    bottom: 360px;
    left: 0%;
    z-index: 30;
    width: 194px;
    height: 130px;
}