设置子父元素overflow:hidden，子元素absolute不显示问题

需求描述

vue项目用的vue-awesome-swiper插件

实现下图结果：

为什么

溢出来的元素自然就隐藏了

解决

首先我想到了给swiper容器overflow-x:hidden然后overflow-y:visible没想到出来了下面的效果

最后看到一篇文章来到了灵感，我给最外面的盒子设置了padding-bottom:20px margin-bottom-20px解决