easyui中如何将两个panel设置为一行

Question

我设置了float:left属性，但是layout布局里 center部分的两个panel还是不在同一行 实在不知道为什么

<div id="p1" class="easyui-panel" title="My Panel" 
    style="width:250px;height:150px;padding:10px;background:#fafafa;float:left;"
    data-options="iconCls:'icon-save',closable:true,
            collapsible:true,minimizable:true,maximizable:true">
<p>panel content.</p>
<p>panel content.</p>
</div>
<div id="p2" class="easyui-panel" title="My Panel" 
    style="width:250px;height:150px;padding:10px;background:#fafafa;float:left;"
    data-options="iconCls:'icon-save',closable:true,
            collapsible:true,minimizable:true,maximizable:true">
<p>panel content.</p>
<p>panel content.</p>
</div>
    我刚学网页编程，可能问的问题有点傻，希望前辈们帮帮忙，谢谢

Answer 1

panel再套一个div容器，设置容器float，而不是直接设置panel float

 <div style="float:left">
<div id="p1" class="easyui-panel" title="My Panel" 
    style="width:250px;height:150px;padding:10px;background:#fafafa;float:left;"
    data-options="iconCls:'icon-save',closable:true,
            collapsible:true,minimizable:true,maximizable:true">
<p>panel content.</p>
<p>panel content.</p>
</div></div>
<div style="float:left">
<div id="p2" class="easyui-panel" title="My Panel" 
    style="width:250px;height:150px;padding:10px;background:#fafafa;float:left;"
    data-options="iconCls:'icon-save',closable:true,
            collapsible:true,minimizable:true,maximizable:true">
<p>panel content.</p>
<p>panel content.</p>
</div></div>