引入better-scroll,中间层不会动基本因为高度没有确定
<div class="box"> <div class="head">头部</div> <div class="content flex">
<div class="content-info"> <div class="head">内部头部</div> <div class="content"></div>
</div> </div> </div> .box{ position:flex; flex-direction:column; 100%; height:100%; } .head{ 100%; height:45px; } .content{ flex:1;
position:relative; }
.content-info{
position:absolute;
100%;
height:100%;
overflow:auto;
} .flex{ display:flex; flex-direction:column; }