felx布局，滚动层获取高度问题

引入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;    
}