css flex解决父元素fixed定位且不滚动，子元素overflow实现滚动

<div class="main">
  <div class="cen">我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人我中是国人</div>
</div>


<style type="text/css">
  .main{
    display: flex;     /* 最主要的就是这个 */
    overflow: hidden;
    left: 0;
    height: 100px;
    width: 100px;
    background-color: bisque;
  }

  .cen{
    overflow: auto;
  }
</style>

利用 flex 弹性布局将子元素脱流就可以解决一切问题！