css布局（上下固定，中间⾃适应）要实现页⾯的上下固定，中间⾃适应：
1：上下固定⾼度
.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;css布局左边固定右边自适应
font-size: 12px;
border-top: 1px solid #e7e7e7;
}
2：中间⾃适应，采⽤fixed布局去掉上下的⾼度，超出⾃动滚动
.homeContent{
position: absolute;
top: 50px;
width: 100%;
left: 0;
bottom: 50px;
overflow: auto;
}
3：页⾯布局

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。