css布局

两列布局，一列定宽，另一列自适应

１)float+margin

2)flex

#parent{

width: 100%;

height: 500px;

display: flex;

}

#left {

width: 100px;

background-color: #f00;

}

#right {

flex: 1; /*均分了父元素剩余空间*/

background-color: #0f0;

}

3)grid

4)position

高度固定60px

页面分剩余的高度

.teacherall{

height: 100%;

width: 100%;

position: relative;

}

.teachercontent{

width: 100%;

position: absolute;

top: 60px;

bottom: 0px;

}