overflow-y覆盖overflow-x

Question

我需要一个div，它有很多内容并且水平滚动。内容（内部div s）具有下拉菜单，当菜单打开时，它们应该呈现超出外部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/