flex1代表的意思是以下三个属性的简写
flex-grow、flex-shrink和flex-basis
1、flex-grow是用来增大盒子的，比如，当父盒子的宽度大于子盒子的宽度，父盒子的剩余空间可以利用flex-grow来设置子盒子增大的占比。
2、flex-shrink用来设置子盒子超过父盒子的宽度后，超出部分进行缩小的取值比例。
3、flex-basis是用来设置盒子的基准宽度，并且basis和width同时存在basis会把width干掉。
html的flex布局所以flex1的逻辑就是用flex-basis把width干掉，然后再用flex-grow和flex-shrink增大的增大缩小的缩小，达成最终的效果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。