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

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

解决办法:
外面加上一层元素包裹input,然后设置外层元素的flex: 1,input设置width: 100%即可

你可能感兴趣的:(CSS,html,flex,input)