position: absolute;
top:0;
left: 0;
right: 0;
height: 100px;
background-color: #EC971F
}
.left {
position: absolute;
top: 100px;
left: 0;
bottom: 50px;
width: 200px;
background-color: #0062CC
}
.right {
position: absolute;
overflow: auto;
left: 200px;
right: 0;
top: 100px;
bottom: 50px;
background-color: #ffffff
}
.bottom {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50px;
background-color: #2AC845
}
top
left
right
bottom
2.flex布局