Javascript jQuery UI小部件与固定div父项的自动完成问题

我正在尝试使用这个脚本，没有问题，我可以添加，删除标签和自动完成功能的工作非常好。 我的消息来源：

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

$（文档）.ready（函数（）{
$（“#addTags”）.tagit({
字段名：“任务标签”，
可用标签：[“c++”、“java”、“php”、“javascript”、“ruby”、“python”、“c”]，
allowSpaces：true
});
//$（“#addTags”）.tagit（）；
});

Tag1

当我添加CSS时，问题开始出现：

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

.小组{
位置：固定；
顶部：30px；
左：90px；
}

---

div没有收到关于位置的正确信息，并且在左上方保持固定。

我解决了问题，问题是在我的css中，我为主体设置了一个固定位置，这会阻塞窗口位置jquery ui。

你是说左上方的属性对ui没有影响？创建一个摆弄你的代码。酷标签脚本。我在这里试过了。定位工作如预期