jQuery MiniUI

标题: 两个div如何控制占整个页面的比例 [打印本页]

作者: miniuier 时间: 2013-10-19 16:27:16 标题: 两个div如何控制占整个页面的比例

<body height="100%">
<div height="50%">
      <span>员工姓名：</span><input type="text" id="key"  />
      <input type="button" value="查找"/>
</div>
<div id="datagrid1" class="mini-datagrid" height="50%"  url="../data/AjaxService.aspx?method=SearchEmployees" idField="id">
<div property="columns">
      <div field="createtime" width="80%" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
</div>
</div>
</body>
如果我希望上下两个div各占50%，为什么这样不能实现。
当下面的div指定 height="50%" 这样的百分比后，grid直接就没发显示查询出来的数据了。除非不指定百分比或指定固定高度，比如height="300px"，这样grid中才能显示查询出来的数据。
再有，上面的 height="50%"也没起作用，跟没指定一样。
我想问下，垂直排序的div如何指定百分比呢？  比如div1 占20% ， div2 占50%，div3 占30%

作者: factory 时间: 2013-10-20 21:59:29

[attach]3052[/attach]
看下这个,20% 30% 50%

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)