如何让父容器接受flex子元素的宽度？

设置父容器的display为flex，并将flex-wrap属性设置为nowrap，这将使得父容器接受子元素的宽度。例如：

HTML代码：

<div class="parent">
  <div class="child">Child 1</div>
  <div class="child">Child 2</div>
  <div class="child">Child 3</div>
</div>

CSS代码：

.parent {
  display: flex;
  flex-wrap: nowrap;
}

.child {
  flex: 1;
}

在上面的代码中，我们设置父容器的display属性为flex并将flex-wrap属性设置为nowrap，以便父容器接受子元素的宽度。因此，父容器会自动调整它的大小以适应子元素的宽度。而设置flex属性为1，这将使父容器中的子元素水平分布，并使用相等的空间。