Question

我正在为网站使用jQuery EasyUI布局类（http://www.jeasyui.com/documentation/layout.php）。在布局div中，可以放置区域（北，南，西，东和中）。

我想制作相对于容器的南北面板的尺寸，而不是给它们绝对的px值。所以我想离开这个

<div id="cc" class="easyui-layout" style="width:200px;height:400px;">
    <div data-options="region:'north',title:'North',split:true" style="height:100px;"></div>
    <div data-options="region:'south',title:'South',split:true" style="height:100px;"></div>
    <div data-options="region:'center',title:'center'"></div>
</div>

到这个

<div id="cc" class="easyui-layout" style="width:200px;height:400px;">
    <div data-options="region:'north',title:'North',split:true" style="height:25%;"></div>
    <div data-options="region:'south',title:'South',split:true" style="height:25%;"></div>
    <div data-options="region:'center',title:'center'"></div>
</div>

虽然第一个版本工作得很好（见fiddle），但第二个版本没有（见here）。有没有人知道为什么不这样做，即如何使面板相对于它们的尺寸？谢谢！

Answer 1

试试这个，

<div id="cc" class="easyui-layout" style="width:200px;height:400px;">
    <div data-options="region:'north',title:'North',split:true" class="north"></div>
    <div data-options="region:'south',title:'South',split:true" class="south"></div>
    <div data-options="region:'center',title:'center'"></div>
</div>

.north
{
    height:25%;
}
.south
{
    height:25%;
}

jQuery EasyUI：相对面板/布局尺寸（百分比）

1 个答案: