jQuery MiniUI

 找回密码
 立即注册
查看: 4012|回复: 1
打印 上一主题 下一主题

两个div如何控制占整个页面的比例 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2013-10-19 16:27:16 |只看该作者 |倒序浏览
<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%

Rank: 8Rank: 8

沙发
发表于 2013-10-20 21:59:29 |只看该作者

看下这个,20% 30% 50%
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Archiver|普加软件

GMT+8, 2025-7-10 04:03 , Processed in 1.046587 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部