在实现中选择选项叠加问题

Question

我正在为我的网站使用实现，我正在使用的选择选项被主要div隐藏起来。我曾尝试给与位置相对但不工作。

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

下面是如何选择选项现在出现的屏幕截图。

Answer 1

发生这种情况，因为主要的div上有overflow: hidden，所以它隐藏了超出其国界的选择菜单的一部分。

解决方案是删除overflow: hidden。

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