使用jquery.splitter实现页面分隔，动态拉宽高

1、Html界面

<div id="splitHorizontalDiv">
	<div style="background-color: blue;">蓝色</div>
	<div id="splitVerticalDiv">
		<div style="background-color: chartreuse;">绿色</div>
		<div style="background-color: darkorange">橘色</div>
	</div>
</div>

2、Js分隔方法

/**
 * 上下(垂直)拆分窗口,拆分后可上下拖动
 * 按Id对应控件内第一级Div拆分
 * divName：需要拆分的控件Id
 * position：拆分后前面几个部分所占比例（%）,多个时用【,】分隔，
    示例：【'20%','30%'】,【'50%'】，
    分为几部分这里就需要几个数，
    两部分时默认第一部分占比【'50%'】
 * @param {any} divName
 * @param {any} position
 */
function splitHorizontalForm(divName, position) {
   
    var sizeInfo = ['50%'];//默认第一部分占比50%
    if (!!position) {
   
        var positionArr = position.split(',');
        sizeInfo = [];
        $.each(positionArr, function (index, item) {
   
            sizeInfo.push(item);
        });
    }
    if (!!divName) {
   
        var ht = $(window).height() - 80;
        $('#' + divName).height(ht).split({
   
            orientation: 'horizontal',
            limit: 100,//最多分割(默认：