javascript - jQuerySplitter 控件/kendoSplitter 未调整大小

Question

如果调整底部窗格的大小，视图将缩小，并且无法恢复到原始大小。此外，即使我将大小设置为 100%，视图也不会占据整个屏幕。我尝试在中间和底部窗格垂直部分设置静态大小，如下所示：

$("#vertical").kendoSplitter({
    orientation: "vertical",
    panes      : [
        {
            collapsible: false,//toolbar should be a set height and unable to be collapsed
            resizable  : false,
            size       : "50px"
        },
        {
            collapsible: false //main section, not collapsible, but resizable
        },
        {
            collapsible: true, size: "200px"
        }
    ]
});

但无论何时完成，窗格上都会出现一个滚动条，其余部分隐藏在空白处。

jsFiddle：在这里

jQuery Splitter/kendoSplitter 示例：这里

Answer 1

尝试使用以下 css 定义mainView：

#mainView {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

这使得主容器在窗口调整大小时占据屏幕的 100%。

在这个修改后的 JSFiddle中查看它。