swiper两边导航按钮定位被压住的解决办法

问题

如图，swiper两边的导航按钮需要定位到父盒子外面时，被压住

原因

是因为swiper的容器盒子swiper-container里也有相对定位

解决

我们需要把swiper的容器盒子swiper-container改成静态定位

.swiper-container {
  position: static;
}

注意

我们在用swiper-container的时候最好嵌套在你需要swiper的盒子里面，不要直接给这个父盒子添加swiper-container类名，否则你在修改swiper-container类静态定位的时候，也会将你原本要相对定位的父盒子定位成静态。