# 嵌套使用 ## 6.5.3.嵌套使用 ~~~ <div class="layui-fluid"> <div class="layui-card"> <div class="layui-card-body" style="padding: 0;"> <div class="split-group" style="height: calc(100vh - 30px);"> <div class="split-item" id="demoSplit8"> <div class="split-group-vertical"> <div class="split-item" id="demoSplit10"> 面板一 </div> <div class="split-item" id="demoSplit11"> 面板二 </div> </div> </div> <div class="split-item" id="demoSplit9"> 面板三 </div> </div> </div> </div> </div> <script> layui.use([Split'], function () { var $ = layui.jquery; var Split = layui.Split; // 垂直水平分割 Split(['#demoSplit8', '#demoSplit9'], {sizes: [25, 75], minSize: 100}); Split(['#demoSplit10', '#demoSplit11'], {direction: 'vertical'}); }); </script> ~~~