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：here

jQuery Splitter / kendoSplitter示例：here

Answer 1

尝试使用mainView的以下css定义：

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

这使得当Windows调整大小时，主容器占据屏幕的100％调整大小。

在this修改后的JSFiddle中看到它。