flex div中的按钮切成两半

Question

我正在处理联系表单，我给了它div display:flex。
它的所有字段都正确显示并且dinamicaly调整大小，除了提交按钮总是减半。
不应该与其他字段具有相同的行为吗？

捕获：

Answer 1

我更愿意为每个控件添加一个父类，select字段可能有一些最小宽度，以便按钮向左移动。

Answer 2

尝试做这样的事情。

.child {
  width: 500px;
  margin: 10px;
  height: 30px;
  border: 1px solid black;
}

<div style="display:flex; border:1px solid black">
  <div class="child">
  </div>
  <div class="child">
  </div>
  <div class="child">
  </div>
  <div class="child">
  </div>
</div>