jquery - 如何使用 kendo UI 拆分 Pane

Question

我在我的元素中使用 kendo UI jquery lib，我想在一个页面中拆分两个水平列 Pane 。

这是我的代码，

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

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

我想拆分整个页面。

Answer 1

输入拆分器的 css:

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