console
<div style="height:100%">
<div class="parent">
<div class="container">
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div>我是内容</div>
<div style="width: 1000px">我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
</div>
</div>
<div class="footer">
我是footer
</div>
</div>
* {
margin: 0;
}
html {
height: 100%;
}
body {
height: 100%;
}
.container {
overflow: auto;
height: 100%;
}
.parent {
height: 100%;
padding-bottom: 42px;
box-sizing: border-box;
width: calc(100% - 17px);
}
.footer {
position: fixed;
bottom: 0;
background: #FFF;
width: 100%;
border-top: 1px solid #DDD;
padding: 10px;
text-align: center;
}