小编Ale*_*gão的帖子

我有一个Carddiv，如果内容超过其高度，它应该显示滚动。我曾经overflow-y: auto这样做过。我正在尝试使用Select其中的 a ，并且选择菜单应该显示在卡的前面。菜单位置是absolute。

问题是，即使使用position: absolute，菜单也会占用卡内的空间。使其可滚动。

如果我从卡中删除溢出部分，它工作正常，但内容超出了它。我为它创建了一个沙箱：

https://codesandbox.io/s/position-absolute-inside-overflow-y-9kppcy?file=/src/App.js

我尝试过的其他事情

• 显示SelectMenu门户内部。

  • 到目前为止，我得到了更好的结果，但是当窗口滚动时，菜单固定在屏幕上。

• 从卡片中删除溢出，将其添加到CardBody元素中，并将选择保留在其外部。

  • 确实很神奇，但是对于深层嵌套的 div，很难将其保留在每个溢出元素之外。
  • 如果选择位于模态内部，则不起作用（因为模态应该有滚动）。

更多细节

• 我正在使用react-select来创建我的选择，但问题严格来说是css和html。

这可能是一个常见问题，但我找不到解决方案。