Html Flexbox表单宽度不变

我试图获取表单的输入以填充容器宽度，但由于我使用了两个FlexBox，它似乎不允许我设置输入框的宽度。有办法解决这个问题吗？我尝试过使用flex shrink，但得到了相同的结果

使用flexbox设置窗体宽度以填充其容器的最佳方法是什么

.sd表单组{
显示器：flex；
柔性流动：柱状nowrap；
证明内容：中心；
调整项目：灵活启动；
}
.sd表格包装{
显示器：flex；
}
.sd表单组输入[类型=文本]，
.sd表单组文本区域{
宽度：100%；
}

名字


姓


电子邮件


消息


通讯箱

在容器上，而不是

弹性流：列nowrap

使用

行换行

在项目上，强制每个项目占据行的全部宽度

.sd表单组{
显示器：flex；
/*柔性流动：柱状nowrap*/
柔性包裹：包裹；/*新*/
证明内容：中心；
/*对齐项目：flex start；*/*不执行任何操作*/
}
.sd表格组>分区{
弹性：0 100%；/*新*/
}
.sd表格包装{
显示器：flex；
}
.sd表单组输入[类型=文本]，
.sd表单组文本区域{
宽度：100%；
}

名字


姓


电子邮件


消息


通讯箱

谢谢您的回复，但我需要

灵活流程
成为
nowrap
来完成我正在做的其他事情。有没有一种方法可以解决这个问题，或者它是否会使它过度复杂化？嗯，过度复杂化将取决于你在做什么。我的回答试图保持简单。或者，我想你可以对所有元素应用宽度，迫使它们占用空间。嗨，迈克尔，你能回顾一下这个问题吗：。。由非CSS用户重新打开的完美副本（或者可能不是，您可以给出更好的副本或答案）@TemaniAfif，是的。同意。复制品。唉，这个问题被删除了，所以这是一个没有意义的问题。很抱歉延迟回复。顺致敬意，