【发布时间】:2016-12-16 05:07:14
【问题描述】:
我正在编写这段代码,用户在表单字段中输入一个地方的名称,并使用带有 ajax 的 keyup 函数,它将从后端的列表元素中获取数据,以查看之前是否已经建议了相同的名称.
现在当用户开始输入时,他/她将得到如下结果
如您所见,它在“地名”字段下方创建了额外的大小,原因是我在该字段上创建了一个“UL”元素,ajax 的结果附加到该元素。虽然这工作正常,但我正在寻找类似谷歌搜索结果的东西,如下所示:
这里的结果超出了表单并且不增加页面的大小。但我不确定是否该怎么做。抱歉,如果这个问题已经得到回答,因为我无法找到它。 感谢您对此的任何帮助。
【问题讨论】:
-
似乎是 CSS 问题。尝试添加相对于父容器的位置,并使用 z-index 将绝对位置添加到您的“ul”
-
感谢@ShobhitSrivastava。这正是我想要的。
-
酷,我会把它作为答案发布。
标签: javascript html css python-3.x django-forms