flex布局，左边固定宽度

你可以通过使用 Flex 布局的 `flex-basis` 属性来实现左边固定宽度。`flex-basis` 属性用于指定元素在主轴上的初始大小。

下面是一个示例代码：

<div class="container">
  <div class="left">左边固定宽度</div>
  <div class="right">右边自适应宽度</div>
</div>

.container {
  display: flex;
}

.left {
  flex-basis: 200px; /* 左边固定为200像素宽度 */
}

.right {
  flex-grow: 1; /* 右边自适应宽度 */
}

在这个示例中，`.container` 是一个使用 Flex 布局的容器，`.left` 和 `.right` 是容器内的两个子元素。通过为左边元素 `.left` 设置 `flex-basis: 200px;`，我们将其固定为 200 像素的宽度。右边元素 `.right` 使用了 `flex-grow: 1;`，它将填充剩余的可用空间。

这样，左边元素将保持固定宽度，而右边元素将自动适应容器的剩余空间。