fixed 和flex

今天在写页面时,我有一个盒子是display:flex 布局,现在我要滑动吸顶,结果添加fixed,以后盒子变形了

首先盒子层级不对

其次宽度有问题,还有box-size 属性也有问题鸟

我的方法

.fixed {
      position: fixed;
      top: 0;
      z-index: 888;
      background: #fff;
      width: 100% !important;
      box-sizing: border-box;
    }