需求描述
vue專案用的vue-awesome-swiper
外掛
實現下圖結果:

為什麼
溢位來的元素自然就隱藏了

解決
首先我想到了給swiper容器overflow-x:hidden
然後overflow-y:visible
沒想到出來了下面的效果


最後看到一篇文章來到了靈感,我給最外面的盒子設定了padding-bottom:20px margin-bottom-20px
解決
vue專案用的vue-awesome-swiper
外掛
實現下圖結果:
溢位來的元素自然就隱藏了
首先我想到了給swiper容器overflow-x:hidden
然後overflow-y:visible
沒想到出來了下面的效果
最後看到一篇文章來到了靈感,我給最外面的盒子設定了padding-bottom:20px margin-bottom-20px
解決