div中子元素input设置flex无效

在flex布局下input设置flex:1失效的原因

由于input默认存在最小宽度,所以在父元素宽度太小的情况下input设置了flex:1会失效

解决办法

1:给input在嵌套一层div,设置flex
2:在给input设置width:100%