Select 实体化中的选项覆盖问题
Select option overlay issue in materialize
我正在为我的网站使用实体化,我正在使用的 select 选项被主 div 隐藏了。我试过给相对位置,但没有用。
任何人都可以建议我如何使 select 选项出现在顶部。
下面是 select 选项现在显示的截图。
发生这种情况是因为 div 主菜单上有 overflow: hidden
,因此它隐藏了 select 菜单超出其边界的部分。
解决方法是删除overflow: hidden
。
在某些情况下,溢出设置是设计所必需的,如果您更改它,其他内容可能会中断。这很不幸,而且我知道没有什么好方法可以让 Materialize select 处理这个问题。在我的应用程序中,我修改了 select 以便选项列表附加到文档正文,这意味着它始终位于任何其他内容之上。例如,这就是 Angular Material select 的实现方式。
我正在为我的网站使用实体化,我正在使用的 select 选项被主 div 隐藏了。我试过给相对位置,但没有用。
任何人都可以建议我如何使 select 选项出现在顶部。
下面是 select 选项现在显示的截图。
发生这种情况是因为 div 主菜单上有 overflow: hidden
,因此它隐藏了 select 菜单超出其边界的部分。
解决方法是删除overflow: hidden
。
在某些情况下,溢出设置是设计所必需的,如果您更改它,其他内容可能会中断。这很不幸,而且我知道没有什么好方法可以让 Materialize select 处理这个问题。在我的应用程序中,我修改了 select 以便选项列表附加到文档正文,这意味着它始终位于任何其他内容之上。例如,这就是 Angular Material select 的实现方式。