Jquery 如何使用剑道UI拆分窗格

我在我的项目中使用KendoUIjQuery库，我想在一个页面中拆分两个水平列窗格

这是我的密码

<div id="splitter">
    <div>PANE a</div>
    <div>PANE b</div>
</div>
<script>
   $("#splitter").kendoSplitter({
      orientation: "horizontal"
   });
</script>

窗格a
窗格b
$（“#拆分器”）.kendospliter({
方向：“水平”
});

它可以工作，但问题是，它只会分割页面的一半。 像这样,

---

我想拆分整个页面。

输入拆分器的css：

#splitter{
position: fixed;
width:100%;
height:100%;
}