flex 布局内部超出造成样式错乱

最近遇到一个问题，flex 布局左边固定，右边自适应，右边里面的内容超出了宽度造成样式混乱

解决办法

解决办法很简单，但是不知道为什么, 或许这就是 CSS 吧

.box {
  display: flex;
  .left {
    // 左边固定宽度
    width: 300px;
  }
  .right {
    // 右边处理
    min-width: 0;
    flex: 1;
  }
}