在嵌套 div 上方定位快速拨号菜单（材质 UI）

Question

沙盒代码： 链接

我有两个嵌套的 div ，即speeddial-div和outer-div 。 speed-dial div 有一个来自 Material UI（在此处找到）的快速拨号组件，它显示浮动图标。 目前，当我将鼠标悬停在组件上时，它会溢出并出现滚动条，这是常规行为。 但是我想在将鼠标悬停在红色的outer-div上时显示这个菜单。 目前它看起来像这样：

但我希望打印和其他图标在红色 div 上溢出，而不需要滚动条。 我尝试了绝对和相对定位，但没有结果。 关于如何实现所需行为的任​​何想法？

Answer 1

您可以通过在speeddial-div中使用 className outer-div的第二个 div 来实现。 这将使快速拨号组件在第二个 div 上重叠，而不是溢出 div。

工作链接： 沙盒链接