在物化中选择选项叠加问题

Question

我正在使用物化到我的网站，我正在使用的选择选项被主div隐藏。我试过给位置相对但是没有用。

任何人都可以建议我如何让选择选项出现在最上面。

以下是选择选项现在如何显示的屏幕截图。

Answer 1

这种情况正在发生，因为主div上有overflow: hidden，因此它隐藏了超出其边界的选择菜单部分。

解决方案是删除overflow: hidden。

在某些情况下，溢出设置对于设计是必需的，如果更改它可能会破坏其他内容。这是不幸的，我知道没有好的方法让Materialise选择与此一起使用。在我的应用程序中，我修改了选择，以便将选项列表附加到文档正文，这意味着它始终高于任何其他内容。例如，这就是Angular Material选择的实现方式。