overflow-y覆盖overflow-x

Question

我需要一个有很多内容和水平滚动的div。内容(内部div)有下拉菜单，当菜单打开时，它们应该呈现在外部div的边界之外。

如下所示：

​

​

但是当我设置

overflow-x: scroll;
overflow-y: visible;

我的下拉列表没有正确打开，它们包含在包装器div中，我需要垂直向下滚动才能看到它们。

JSFiddle：https://jsfiddle.net/dk58t1ay/1/

看起来overflow-x:scroll覆盖了overflow-y:visible。我能做些什么呢？

Answer 1

您可以通过.card的position: absolute完成此操作，但您需要重写其他元素的样式。

https://jsfiddle.net/dk58t1ay/6/