如何定义easyui面板的左上角答案

【问题标题】：How to define left top of easyui panel如何定义easyui面板的左上角
【发布时间】：2017-11-09 07:05:11
【问题描述】：

在我的项目中，我使用easyui-layout，它有两个div（west and center）

在加载页面时，fdiv、cdiv 和 ftdiv 应该是 colsed，并且只有第一个 div 显示在中心 div 中。并且成功了。

我已经定义了第一个 div 的 left:300px;top:300px。但是它们不起作用。

这里是js代码：

<script>
   $(document).ready(function(){ 
      $('#fdiv').window('close');
      $('#cdiv').window('close');
      $('#ftdiv').window('close');
   });
</script>

这里是html代码：

<div class="easyui-layout" style="width:100%;height:800px;position:absolute;top:95px;">
 <div id="p" data-options="region:'west',split:true" title="function" style="background:lightgrey;width:10%;padding:10px">
 ..................
 </div>

 <div data-options="region:'center',title:'content'">
     <div id="fdiv" class="easyui-panel" style="padding:5px;width:100%">
       <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')" data-options="plain:true,iconCls:'icon-newfile'"></a>
       <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cancel'">delete</a>
       <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-print'">print</a>
       <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'">checkstat</a>  
     </div>
     <div id="cdiv" class="easyui-panel" title="" style="width:100%;height:708px;" data-options="footer:'#ft'">
       asdfsdf
     </div>
     <div id="ftdiv" style="padding:5px;"></div>

    <div class="easyui-panel" style="left:300px;top:300px;width:30%;height:30%" data-options="style:{borderWidth:2}">
       first div
    </div>
 </div>

谁能帮帮我？

【问题讨论】：

标签： javascript css jquery-easyui

【解决方案1】：

我已经测试过：

<div class="easyui-panel"  data-options="style:{position:'absolute',borderWidth:2,width:40%,height:300px}">
       first div
    </div>

和

<div class="easyui-panel" style="left:600px;width:40%;height:300px;borderWidth:2" data-options="">
       first div
    </div>

不幸的是，他们都失败了。

【讨论】：

【解决方案2】：

我试过了：

<script>
$(function () {
$('#fstDiv').panel({   
    width:500,         
    height:150,        
    iconCls:'icon-edit',  
    left:600,           
    top:200,             
});
   $('#fstDiv').panel('panel').css('position','absolute'); 
 });
</script>

又失败了

【讨论】：