easyui

在项目中是用了easyui-dialog，设置如下：

<div id="updateGiftBagDialog" title="新增礼包"
  style="height: 200; width: 710px;top:10px;position: relative;"
  class="easyui-dialog" data-options="modal:true,closed:true">

<div>具体内容</div>

</div>

实际中发现如下图所示：

查看代码发现，easyui实际上是产生了一个window以及一个panel,样式是一样的，因此windowtop=10px,paneltop=10px，出现上图情况。css代码截图如下：

实际代码中只是写了一个top=10px,原本意义是处理dialog位置的。

解决办法：在打开窗口前设置样式，top=0；

$('#updateGiftBagDialog').css("top","0");

因为，窗口已经形成，此时设置的样式仅仅是panel的样式，而不会对panel window产生影响，我是用的easyui版本1.3.6，