Select 实体化中的选项覆盖问题

Select option overlay issue in materialize

我正在为我的网站使用实体化,我正在使用的 select 选项被主 div 隐藏了。我试过给相对位置,但没有用。

任何人都可以建议我如何使 select 选项出现在顶部。

下面是 select 选项现在显示的截图。

发生这种情况是因为 div 主菜单上有 overflow: hidden,因此它隐藏了 select 菜单超出其边界的部分。

解决方法是删除overflow: hidden

在某些情况下,溢出设置是设计所必需的,如果您更改它,其他内容可能会中断。这很不幸,而且我知道没有什么好方法可以让 Materialize select 处理这个问题。在我的应用程序中,我修改了 select 以便选项列表附加到文档正文,这意味着它始终位于任何其他内容之上。例如,这就是 Angular Material select 的实现方式。