固定bottom,页面其它可滑动实现方案

利用flex布局,

<html>
  <body>
    <div class='container'>
      <div class='content'></div>
      <div class='footer'></div>
    </div>  
  </body>
</html>
#root {
  height: 100%  
}
.container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height:100%;
}

.content {
  -webkit-box-flex: 1;
  overflow: scroll;
}
.footer {
  height:100px;  
}
原文地址:https://www.cnblogs.com/ariel-zhang/p/8082101.html