自动完成场对齐左上角

Question

注意： 这是Firefox附带的内在（内置）自动完成功能。我记得在Firefox的about:config页面中设置了一些设置，如果有帮助的话。

我有一个修复此问题涉及更改配置设置但现在我忘记了如何做到这一点。就是这样：

这是什么？这是一个简单的about:config修复，也许与某种加速有关。感谢。

Answer 1

根据图片，我假设自动完成字段的容器元素需要设置为position：relative。这是我可以在没有代码的情况下给出的最佳猜测。

Answer 2

最初问题被标记为css，并没有提及自动填充是内置的。为未来的访问者保留JavaScript + CSS（例如jQuery UI自动填充）案例的答案。

内置自动填充功能

页面内容（甚至CSS和JavaScript）不会影响内置的自动完成功能AFAIK。页面作者只能使用Chromium中的autocomplete attribute in HTML5和requestAutocomplete API。

唯一可能影响内置自动完成功能的是浏览器设置。糟糕的建议列表位置绝对是一个浏览器错误。您只是在寻找一种解决方法，对于不会触发错误的配置。可以在about:config中访问Firefox配置，因此您可能需要在那里进行更改。

关于UI显示我唯一想到的是硬件加速，这往往会带来麻烦。这可以通过about:config进行调整（并关闭）。搜索图层。你说它不能解决你的问题;我被困了，因为我没有其他想法。

JavaScript自动填充

这个问题可能是由绝对定位和这种情况下坐标系选择不当引起的。有关详细信息，请参阅规范中的containing block和absolute positioning。

尝试将封闭框的position属性更改为relative。

#mailinput {
    position: relative;
}
#mailinput #mail_autocomplete {
    position: absolute;
    top: 1.5em;
}