flex 布局横向滚动条

代码语言：javascript复制

  .buy__card{
      display:flex;
      width: 200px;
      overflow:auto;
      div{
          background:yellow;
          width: 230px;
          height: 278px;
          border-radius: 5px;
          margin-right: 24px;
          box-shadow: 0px 9px 20px 0px rgba(184,184,184,0.2); 
      }
  }

这是我一开始的代码，发现并没有执行我子元素的width 230的宽度 而是执行了flex这样的属性，那么就给他处理一下清除试一下

代码语言：javascript复制

.buy__card{
      display:flex;
      width: 200px;
      overflow:auto;
      div{
          background:yellow;
          flex:none;
          width: 230px;
          height: 278px;
          border-radius: 5px;
          margin-right: 24px;
          box-shadow: 0px 9px 20px 0px rgba(184,184,184,0.2); 
      }
  }

增加了一个flex:none; 成功

flex width

0 人点赞