Css 自动完成标记出现在错误的位置

我正在使用PrimeFaces和JSF来完成我的学校作业，并使用jQueryUI主题滚轴来设计它，当CSS处于活动状态时，特定标记：

有一个bug（当我禁用CSS时，它工作正常），这就是它的外观：bug

自动完成应该就在“Modelo:”旁边，但它在页面的角落

我发现这段代码带有“自动完成”：

同样的代码也出现在

jqueryui.css

和

jqueryui.structure.css

中。还有一些带有“autocomplete”的JavaScript代码，但它们太大了，所以我把它们放在了这个链接上：

我不太懂CSS和Javascript，所以我请求你们帮我解决这个bug

---

仅供参考：我正在使用

内部的

，同时，对英文错误表示抱歉：）
使用
jQuery
和
jQuery UI
参考下面的代码片段

参考网址：


$（函数（）{
var availableTags=[
“动作脚本”，
“AppleScript”，
“Asp”，
“基本”，
“C”，
“C++”，
“Clojure”，
“COBOL”，
“ColdFusion”，
“二郎”，
“Fortran”，
“好极了”，
“哈斯克尔”，
“爪哇”，
“JavaScript”，
“口齿不清”，
“Perl”，
“PHP”，
“Python”，
“红宝石”，
“斯卡拉”，
“方案”
];
$（“#标记”）.autocomplete({
资料来源：availableTags
});
});

标签：
解决这个问题要简单得多，我刚刚更改了.ui autocomplete在css中的位置，从绝对到相对，当然，我必须更改.ui autocomplete出现的每个文件
使用jQuery ui autocomplete。参考我的asnwer！谢谢@Venkatraman，但解决这个问题要简单得多，我刚刚更改了.ui autocomplete在css中的位置，从绝对到相对，当然，我必须更改.ui autocomplete出现的每个文件。很好。将其添加为同一问题的答案：）！下一次，请创建一个带有不太宽泛标签的问题。您可能会得到与pf无关的答案，而不是更改库文件，您只需创建自己的css类即可覆盖position属性并将其添加到需要的位置。全局更改它可能会在其他地方引起问题。我已经运行了一个方法，该方法在java类中返回一个arrayList来提取自动完成标记，有没有办法将此arrayList放入javascript函数中？是的，创建一个Rest获取API调用它的硬编码变量来自java，然后参考url如何添加：错误答案为a（标记错误）素面question@Kukeltje最初，这是意料之中的。所以建议角方式自动完成！这个答案比另一个更适用
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}