具有固定div父级的jQuery UI小部件自动完成问题

Question

我尝试使用这个https://github.com/aehlke/tag-it脚本，没有问题，我可以添加，删除标签和自动完成功能非常好。 我的消息来源：

<script type="text/javascript">
    $(document).ready(function() {
        $("#addTags").tagit({
            fieldName: "task_tags",
            availableTags: ["c++", "java", "php", "javascript", "ruby", "python", "c"],
            allowSpaces: true
        });
        //$("#addTags").tagit();
    });
</script>

<div class="panel">
  <div class="form-group">
    <ul id="addTags">
      <li>Tag1</li>
    </ul>
  </div>
</div>

当我添加CSS时问题开始了：

<style>
  .panel {
   position: fixed;
   top: 30px;
   left: 90px;
  }
</style>

div没有收到有关该位置的正确信息，并且仍然固定在左上角。

Answer 1

我解决了，问题是在我的CSS中我为身体设置了一个固定的位置，这阻止了窗口定位jquery ui。