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 弹性布局将子元素脱流就可以解决一切问题!

发表评论

电子邮件地址不会被公开。 必填项已用*标注