html - 溢出-y 覆盖溢出-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

你可以通过 position: absolute 到你的 .card 来做到这一点，但是你需要为其他元素重写你的样式。

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