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;
}