绝对定位元素未显示顶部 z-index

Question

作为我网站的一部分，有一个搜索字段，当用户输入当前关键字时，它会显示一个建议/自动完成框。 图片

问题是为了在用户输入太多时出现滚动条，我必须将overflow-x设置为auto，将overflow-y设置为hidden。 这会导致建议框不显示/被溢出-y 截断。 图片

您可以在此处找到该问题的演示： http://testing.server-lists.com/minecraft/

可以在此处找到一个 codepen 简化示例， As stackoverflow limited me to 3000 characters.

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

Answer 1

我已经检查了您提到的演示站点，并且刚刚删除了样式属性：

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

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

请你试一试并告诉我这是否有效？