Css 文本输入-收缩到最小值

我有一个文本字段输入类型=文本和一个选择列表。文本字段比选择列表宽。它们都位于flex box的不同行中。如何使用纯css无javascript使文本字段与选择列表的宽度相同

看起来像这样：

极小的 您可以将输入位置设置为：绝对，以便“选择”将指定设置为“内联块”的容器的宽度，然后输入将拉伸到此宽度：

.集装箱{ 显示：内联块； 位置：相对位置； } 输入{ 位置：绝对位置； 排名：0； 左：0； 宽度：100%； 框大小：边框框； } 挑选{ 边缘顶部：22px； } 极小的 长期权 非常非常长的选项

---

一个简单的解决方案是使用内联flex而不是flex：

极小的

---

将align items:flex start添加到容器中可以让您更进一步。我通常不喜欢使用绝对位置，除非它是一个明显的浮动元素，比如一个弹出窗口，但这是真正解决问题的唯一答案。其他人离得很近，他们围着它转，但这一点一针见血。你得到了我的支持，据我所知，没有效果。