jQuery MiniUI

标题: mini-fit没有充满全屏，怎么回事 [打印本页]
作者: hton123    时间: 2014-1-7 18:04:56     标题: mini-fit没有充满全屏，怎么回事

以下代码没有是layout1充满全屏，哪里的问题，IE里什么都看不到，火狐里只能看到一小部分页面
<div class="mini-fit">
   <div id="layout1" class="mini-layout" style="width:100%;height:100%;"  borderStyle="border:solid 1px #aaa;">
    <div title="north" region="north" height="80" showSplitIcon="true" >
        north
    </div>
    <div title="south" region="south" showSplit="false" showHeader="true" height="80" showSplitIcon="true" >
        south
    </div>
    <div title="west" region="west" width="200" expanded="false" showSplitIcon="true">
        west
    </div>
    <div title="east" region="east"  showCloseButton="true" showSplitIcon="true">
        east
    </div>
    <div title="center" region="center"  >
        <input type="button" value="隐藏"/>
        <input type="button" value="显示"/><br /><br />
        <input type="button" value="折叠"/>
        <input type="button" value="展开"/>
    </div>
</div>
        
</div>
作者: felt    时间: 2014-1-8 09:46:27

<style type="text/css">
    html, body{
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
    }   
</style>
加一下这个
作者: hton123    时间: 2014-1-8 11:01:25

felt 发表于 2014-1-8 09:46
html, body{
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
    }   ...
有这个，也不行
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<script src="../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="../Scripts/miniui/miniui.js" type="text/javascript"></script>
<link href="../Scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />
<link href="../Scripts/miniui/themes/Icons.css" rel="Stylesheet" type="text/css" />
<style type="text/css">
    html, body{
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
    }   
    </style>
</head>
<body>
    <form id="form1" runat="server">
     
   
    <div class="mini-fit">
   <div id="layout1" class="mini-layout" style="width:100%;height:100%;"  borderStyle="border:solid 1px #aaa;">
    <div title="north" region="north" height="80" showSplitIcon="true" >
        north
    </div>
    <div title="south" region="south" showSplit="false" showHeader="true" height="80" showSplitIcon="true" >
        south
    </div>
    <div title="west" region="west" width="200" expanded="false" showSplitIcon="true">
        west
    </div>
    <div title="east" region="east"  showCloseButton="true" showSplitIcon="true">
        east
    </div>
    <div title="center" region="center"  >
        <input type="button" value="隐藏"/>
        <input type="button" value="显示"/><br /><br />
        <input type="button" value="折叠"/>
        <input type="button" value="展开"/>
    </div>
</div>
        
</div>

    </form>
</body>
</html>
作者: factory    时间: 2014-1-8 11:20:45

hton123 发表于 2014-1-8 11:01
有这个，也不行

你外层有个form
但是他没有高度,所以fit也计算不出高度
给form加上高度



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2