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

前端小凯

于 2023-08-17 16:33:40 发布

阅读量692

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/qq_43235503/article/details/132344171

版权

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