上下固定高 中间滚动

.header{
background-color: #f55d54;
width: 100%;
height: 50px;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
position: fixed;
left: 0;
top: 0;
z-index: 99;
}
.footer{
width: 100%;
height: 50px;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
position: fixed;
left: 0;
bottom: 0;
background-color: #fff;
font-size: 12px;
border-top: 1px solid #e7e7e7;
}
2：中间自适应，采用fixed布局去掉上下的高度，超出自动滚动
.homeContent{
position: absolute;
top: 50px;
width: 100%;
left: 0;
bottom: 50px;
overflow: auto;
}
————————————————
版权声明：本文为CSDN博主「Gherardo」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u011391655/article/details/73481139