CSS中overflow-y: visible;不起作用的原因分析及解决方法

场景 最近要做的一个需求是移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片左上角要有一个删除按钮。如下图： 心想：so easy, 在父容器上加一个max-width: 200px; white-space: nowrap; overflow-x: auto;不就搞定了嘛。Demo如下： <div class=container> <div class=son> <div class=delete_btn></div> </div> <div class=son> <div class=delete_btn>