easyui中 datagrid 跟layout 如何各占据浏览器的60%跟40%?

页面:
1.一个datagrid
2.一个layout,layout里面是一个center,一个east
如何让datagrid占据浏览器60%,layout占据40%,然后自适应浏览器的拉抻。

我给他们设置style="height:60%" 没有效果。。

center是依据north和south,浏览器高度来决定的。north和south要定高,不能用百分比。。

你一定要这种布局,自己写代码控制着3个部分的高度

你可以给body给easyui-out,自己放容器来确定高度。。

 <body class="easyui-layout">
<div style="height:60%">datagrid</div>
<div style="height:40%"class="easyui-layout">
    <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
    <div data-options="region:'center',title:'Center'"></div>
</div>
</body>