jQuery/CSS : Making the autocomplete push other divs down?

Question

我正在使用 xoxco jQuery 标签系统作为标签，并将它们的自动完成系统用于...等待它...自动完成! http://xoxco.com/projects/code/tagsinput/

然后我通过在 CSS 中修改三个不同的类来风格化这个列表:

ui-autocomplete
ui-menu-item
ui-corner-all

在这个标签窗口的正下方，我有一些其他内容，我的问题是当自动完成列表出现在标签输入下方时，下面的内容不会向下移动，这使得自动完成出现在上面。

已添加:

示例:http://jsfiddle.net/jQm2C/1/show/我想要的是将自动完成列表放在标签内。或者我想要的任何类型的标签。特别是在 div 或 span 标签之间。

我该如何解决这个问题？

添加#2:

在对 jQuery 进行一些研究之后，我想我可以进一步解释我想做什么。我想将自动完成列表附加到 div。虽然我不知道该怎么做。

Answer 1

终于解决了! http://jsfiddle.net/jQm2C/7/show/

我所做的是使用以下 jQuery 代码将自动完成列表 .ui-autocomplete 的“顶级类”附加到名为 .test 的 div:

$('.test').append($('.ui-autocomplete'));

然后我编写了这个 CSS 来设置列表样式。出于某种原因，我不能在不停止工作的情况下将 CSS 放入 CSS 框中:

.ui-autocomplete{
    position: static !important;
    float:none !important;
    display:inline-block;
}