固定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;  
}

 

posted @ 2017-12-21 19:16  Ariel_HKUST  阅读(243)  评论(0)    收藏  举报