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

miniuier

中级会员

Rank: 3 Rank: 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%

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

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

看下这个,20% 30% 50%

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

返回列表

		自动登录	找回密码
密码			立即注册