jQuery MiniUI

标题: 我想把splitter满屏，但我加上fit却没有效果 [打印本页]
作者: joyoes    时间: 2021-4-20 22:45:26     标题: 我想把splitter满屏，但我加上fit却没有效果

这个分割器加上满屏fit，怎么就失去效果了呢？
  1. <!DOCTYPE html >
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>Splitter</title>
  5.     <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
  6.     <script src="../../scripts/boot.js" type="text/javascript"></script>
  7. </head>
  8. <body>
  9.     <div class="mini-fit" >
  10.         <div class="mini-splitter">
  11.             <div size="30%" showCollapseButton="true">
  12.                 1
  13.             </div>
  14.             <div size="60%" showCollapseButton="true">
  15.                 2
  16.             </div>
  17.             <div size="10%" showCollapseButton="true">
  18.                 3
  19.             </div>   
  20.         </div>
  21.     </div>
  22.    
  23.     <script type="text/javascript">
  24.         
  25.     </script>
  26. </body>
  27. </html>
复制代码
求解，怎么实现分满屏分三个区域的功能呢？
作者: felt    时间: 2021-4-21 09:03:42

1 body设置好尺寸
2 mini-spltter撑满style="width:100%;height:100%"
但是spilitter值有两块面板
<div class="mini-splitter">
            <div size="30%" showCollapseButton="true">
                1
            </div>
            <div size="70%" showCollapseButton="true">
                   <div class="mini-splitter">
                        <div size="30%" showCollapseButton="true">
                             2
                        </div>
                        <div size="70%" showCollapseButton="true">
                             3
                         </div>
                 </div>
            </div>
        </div>



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