html div分屏,js 实现用div 上下分屏

之前用的frameSet，但是在谷歌浏览器下有bug，所以自己查资料写了个用js 实现的div 上下分屏demo,下面的div 高度还可以任意拖动，以后有需要的可以直接拿去修改yoga了。

上下分屏

body {

/*font: 14px/1.5 Arial;

color: #666;*/

}

#box {

position: relative;

width: 100%;

height: 500px;

border: 2px solid #000;

margin: 10px auto;

/*overflow: hidden;*/

}

#box div {

position: absolute;

width: 100%;

}

#top, #bottom {

height: 50%;

overflow: hidden;

}

#bottom {

top: 50%;

}

#line {

top: 50%;

height: 4px;

/*overflow: hidden;*/

/*margin-top: -2px;*/

background: #CCCCCC;

/*text-align: center;*/

border-style: solid;

border-width: 1px;

cursor: n-resize;

}

AAAAAAAAA