绝对定位的元素在顶部z-index下不显示。

Posted 2021-03-19

作为我的网站的一部分，有一个搜索栏，它的特点是当用户输入当前的关键字时，建议自动完成框。图片

问题是，为了让用户在输入过多时出现滚动条，我必须将overflow-x设置为自动，overflow-y设置为隐藏。这样一来，建议框就不会被溢出-y所遮挡。图片

你可以在这里找到这个问题的演示。http:/testing.server-list.comminecraft。

可以找到一个codepen简化的例子。此处As stackoverflow limited me to 3000 characters.

即使建议框有绝对的定位和1000z的索引，它也没有出现，有人知道如何解决这个问题吗？

答案

我已经检查了你提到的演示网站，只是删除了样式属性。

overflow-x: auto;
overflow-y: hidden;

从div与class="bootstrap-tagsinput"，并删除white-space:no-wrap;，因为它是几乎不可能显示任何东西，如果它被包裹在一个容器有一个溢出隐藏。

请你试一试，告诉我这是否可行？