jQuery MiniUI

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

Layout设置高度100%后不显示 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2021-10-8 15:06:25 |只看该作者 |倒序浏览
官方在线示例中,Layout设置高度100%无法显示?style="width:100%;height:100%;"


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Layout</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
    <script src="../../scripts/boot.js" type="text/javascript"></script>
</head>
<body>
    <h1>Layout 布局器</h1>      
<div id="layout1" class="mini-layout" style="width:100%;height:100%;">
    <div title="north" region="north" height="80" showSplitIcon="true" >
        north
    </div>

    <div title="center" region="center"  >

    </div>
</div>
    <script type="text/javascript">
        mini.parse();

        var layout = mini.get("layout1");

    </script>
</body>
</html>

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

Rank: 6Rank: 6

沙发
发表于 2021-10-8 15:44:07 |只看该作者
你给子元素设置了100% ,父元素没有设置高度啊
  1. <body style="height: 100%;">
复制代码
这是你布局的问题吧

Archiver|普加软件

GMT+8, 2024-11-22 22:29 , Processed in 1.056129 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部