jQuery MiniUI

标题: 显示的样式没有全屏 [打印本页]

作者: hw_2x_vc 时间: 2017-3-17 17:46:13 标题: 显示的样式没有全屏

[attach]8980[/attach]
<div id="cpssplitter" class="mini-splitter" style="width:100%;height:100%;">
      <div size="240" showCollapseButton="true">
         <div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">
            <span style="padding-left:5px;">名称：</span>
            <input class="mini-textbox" style="width:100px;"/>
            <a class="mini-button" iconCls="icon-search" plain="true">查找</a>
         </div>
         <div class="mini-fit">
               <ul id="tree1" class="mini-tree" style="width:200px;padding:5px;"
                  showTreeIcon="true" textField="cname" idField="ccode" parentField="ccodefather" resultAsTree="false"
                  allowDrag="true" allowDrop="true">
               </ul>
         </div>
      </div>
      <div showCollapseButton="true">
         <div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">
            <input type="button" value="插入节点(前)"/>
            <input type="button" value="插入节点(后)"/>
            <input type="button" value="插入节点(子节点)"/>
            <input type="button" value="保存" style="margin-left:30px;font-weight:bold;"/>
            <input type="button" value="编辑节点"/>
            <input type="button" value="删除节点"/>
         </div>
         <form id="form1" method="post">
            <input name="id" class="mini-hidden" />
            <div style="padding-left:11px;padding-bottom:5px;">
                  <table style="table-layout:fixed;">
                     <tr>
                        <td style="width:70px;">菜单编号：</td>
                        <td style="width:250px;">
                              <input name="ccode" class="mini-textbox" required="true"  emptyText="菜单编号"/>
                        </td>
                        <td style="width:70px;">菜单名称：</td>
                        <td style="width:250px;">
                              <input name="cname" class="mini-textbox" required="true"  emptyText="菜单名称"/>
                        </td>
                     </tr>
                     <tr>
                        <td style="width:70px;">模板编号：</td>
                        <td style="width:250px;">
                              <input name="modecode" class="mini-textbox" required="true" emptyText="请录入执行的模板编号" />
                        </td>
                        <td style="width:70px;">url地址：</td>
                        <td style="width:250px;">
                              <input name="curl" class="mini-textbox"  required="true" emptyText="请录入执行的跳转的页面地址"/>
                        </td>
                     </tr>
                     <tr>
                        <td style="width:70px;">父菜单：</td>
                        <td style="width:250px;">
                              <input name="ccodefather" class="mini-textbox" required="true" enabled="false" />
                        </td>
                     </tr>
                  </table>
            </div>
         </form>
      </div>
</div>

作者: dforce 时间: 2017-3-20 10:54:18

请设置body的尺寸
html,body{
height:100%;width:100%;padding:0;margin:0;
}

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