Flex 属性不影响 Flex 容器中的输入/按钮元素
在 Flexbox 布局中，元素通常不会按预期响应flex 或 flex-grow 属性。此问题特别影响输入和按钮元素。
了解输入元素的默认行为
与 div 元素不同，输入元素具有由浏览器设置的默认宽度。这可能会干扰基于 Flex 的大小调整。
将 flex 或 flex-grow 应用于输入元素时，浏览器会尝试调整元素的大小，但默认宽度会覆盖此操作。因此，这些属性似乎没有任何效果。
修复问题
要解决此问题，请使用 CSS 删除输入元素的默认宽度：
input {
width: inherit;
}或者，您可以使用 CSS 重置来删除所有默认浏览器样式，包括输入的默认宽度
删除默认宽度后，flex 和 flex-grow 属性将在 Flexbox 容器内的输入和按钮元素上按预期工作。
以上是为什么 Flex 属性不适用于我的输入和按钮元素？的详细内容。更多信息请关注PHP中文网其他相关文章！
