jQuery / CSS：使自动完成功能推动其他div下降？

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;
}