設定子父元素overflow:hidden,子元素absolute不顯示問題

泡泡糖發表於2019-01-11

需求描述

vue專案用的vue-awesome-swiper外掛

實現下圖結果:

設定子父元素overflow:hidden,子元素absolute不顯示問題

為什麼

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

設定子父元素overflow:hidden,子元素absolute不顯示問題

解決

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

設定子父元素overflow:hidden,子元素absolute不顯示問題

設定子父元素overflow:hidden,子元素absolute不顯示問題

最後看到一篇文章來到了靈感,我給最外面的盒子設定了padding-bottom:20px margin-bottom-20px解決

相關文章