底部高度固定

第一种方式：

position定位：

footer{width:100%;height:2.26rem;background:url(../images/footer.jpg)no-repeat center;background-size: cover;position: absolute;bottom: 0;left: 0;right: 0;
}
html {position: relative;min-height: 100%;
}
body {padding-bottom: 2.26rem;
}

第二种方式：

flex布局：

  .wrap {display: flex;flex-direction: column;/* 必须占满屏 */height: 100%;/* 滚动 */overflow: auto;}.container {width: 100%;/* 占了百分百-flex:0的占位 */flex: 1;}.footer{/* 占位用 */flex: 0;margin: 0 auto;

<div class="wrap">    <div class="container">我是内容</div><div class="footer">我是底部</div></div>

第三种方式：

js获取页面高度