display:flex 布局后宽度不起作用

在`display: flex`布局，设置元素的宽可能会受到一些限制。这是因为`flex`布局的特性会根据内容和容器的尺寸自动调整元素的宽度。

如果你想要在`flex`容器中设置元素的宽度，可以考虑使用`flex-basis`属性。这个属性允许你指定元素在主轴上的初始尺寸。

以下是一个示例代码：

HTML部分：

<div class="flex-container">
  <div class="flex-item">Item 1</div>
  <div class="flex-item">Item 2</div>
  <div class="flex-item">Item 3</div>
</div>

CSS部分：

.flex-container {
  display: flex;
}

.flex-item {
  flex-basis: 200px; /* 设置元素的初始宽度 */
}

在上述代码中，`.flex-container`是一个`flex`容器，`.flex-item`是容器中的子项。通过设置`.flex-item`的`flex-basis`属性，你可以指定子项的初始宽度。

注意，`flex-basis`属性可以接受其他单位（如像素、百分比等），也可以使用`auto`来根据内容自动调整宽度。

希望这个解决方案对你有帮助。如果你还有其他问题，请随时提问。