flex布局中，flex使得width无效？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了flex布局中，flex使得width无效？相关的知识，希望对你有一定的参考价值。
参考技术A 如果父盒子设置 display:flex 。如何子盒子同时设置了 width 和 flex:1 ，则 flex:1 优先级更高。
如果子盒子设置了 flex:1 ，但是该子盒子的子盒子设置了 width ，则实际宽度以子盒子的子盒子的 width 为准。
优先级：子盒子的子盒子的 width > 子盒子的 flex:1 > 子盒子的 width
div中子元素input设置flex无效
在flex布局下input设置flex:1失效的原因
由于input默认存在最小宽度，所以在父元素宽度太小的情况下input设置了flex:1会失效
解决办法
1:给input在嵌套一层div，设置flex
2:在给input设置width：100%
以上是关于flex布局中，flex使得width无效？的主要内容，如果未能解决你的问题，请参考以下文章