2 cplusplusrookie Cplusplusrookie 于 2016.01.23 11:31 提问

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

我设置了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>
    我刚学网页编程,可能问的问题有点傻,希望前辈们帮帮忙,谢谢

2个回答

showbo
showbo   Ds   Rxr 2016.01.23 13:08
已采纳

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>
Cplusplusrookie
Cplusplusrookie 真的十分谢谢啦!!!!
接近 2 年之前 回复
made_differ
made_differ   2016.01.23 11:45

positon:relative

Cplusplusrookie
Cplusplusrookie 我在两个包含panel的style属性后面加了position:relative还是不行.....用css样式表也是不行....
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!