我想把splitter满屏，但我加上fit却没有效果 [复制链接]

joyoes

金牌会员

Rank: 6 Rank: 6

电梯直达

楼主

发表于 2021-4-20 22:45:26 |只看该作者 |倒序浏览

这个分割器加上满屏fit，怎么就失去效果了呢？

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Splitter</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>
<div class="mini-fit" >
<div class="mini-splitter">
<div size="30%" showCollapseButton="true">
1
</div>
<div size="60%" showCollapseButton="true">
2
</div>
<div size="10%" showCollapseButton="true">
3
</div>
</div>
</div>
<script type="text/javascript">
</script>
</body>
</html>

复制代码

求解，怎么实现分满屏分三个区域的功能呢？

收藏0

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 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>

返回列表

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