头部
1
底部
.box {
width: 100vw;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
background-color: #000;
font-size: 16px;
color: #dedede;
.header {
width: 100%;
height: 80px;
box-sizing: border-box;
border: 1px solid;
}
.body {
flex: 1 1;
}
.footer {
width: 100%;
height: 100px;
box-sizing: border-box;
border: 1px solid salmon;
}
}
div, className, box-sizing, border-box
