0

WebサイトにjQueryEasyUIレイアウトクラス（http://www.jeasyui.com/documentation/layout.php）を使用しています。layout-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>

最初のバージョンは問題なく機能しますが（このフィドルを参照）、2番目のバージョンは機能しません（ここを参照）。誰かがなぜそうしないのか、つまりパネルをそれらの寸法で相対的にする方法を知っていますか？ありがとう！

4

1 に答える 1

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%;
}
于 2013-03-12T15:24:37.840 に答える