考虑以下情况:

我需要让这个flex表单填写全宽，这样它就可以覆盖红色，但由于某种原因它不会...

flexbox:如何让div在不进行包装的情况下填满100%的容器宽度？

要防止flex项收缩，请设置flex收缩因子 到0:

弹性收缩系数决定弹性项将收缩多少 相对于flex容器中的其余flex项 负自由空间分布。当被省略时，它被设置为1.

不起作用..

我也尝试了

同样来自flexbox:如何让div在不进行包装的情况下填满100%的容器宽度？

在我的例子中，仅仅使用flex-shrink:0是不起作用的。但是将flex-grow:1添加到它中是有效的。

flexbox not full width

我已经在上面尝试了flex-grow，但它什么也没做。

如何使flex表单填满其父容器的全部宽度？

顺晟科技：

好吧，我想出来了，你在孩子身上做

.form-container {
  background-color: red;
}

.search-form {
  display: flex;
  align-items: flex-start;
}