移动端开发，设置页面头尾悬浮，中间部分滚动

1.设置盒子整体为flex

2.设置中间滚动部分flex: 1;  overflow: auto;

实例代码：

<div class="box_wrapper">
    <div class="header">
        <h1>hello world</h1>
    </div>
    <div class="scroll_content">
        <CinemaList/>
        <NoMore/>
    </div>
    <div class="footer">
      <h2>this is footer</h2>
    </div>
</div>
<style>
    .box_wrapper {
        display: flex;
    }
    .scroll_content {
        flex: 1; 
        overflow: auto;
    }
</style>