从上面我们可以看到子元素的flex值太复杂,其实我们可以先不看前面两值,先看最后一值(flex-basis)。如果所有子元素的flex-basis之和大于父元素之和考虑第一个值,如果所有子元素的flex-basis之和小于父元素之和考虑第二个值。上面所有子元素宽度50px+200px=250px大于父元素宽度200px,所以考虑第二个值也就是子元素left
1、flex-basis指定了flex元素在主轴方向上的初始尺寸。 2、如果不使用box-sizing来改变盒子模型,则该属性决定了flex元素内容盒的宽度或高度(取决于主轴的方向)的大小。 语法 /* Specify <'width'> */flex-basis:10em;flex-basis:3px;flex-basis: auto;/* Intrinsic sizing keywords */flex-basis: fill;flex-...
1、flex-basis指定了flex元素在主轴方向上的初始尺寸。 2、如果不使用box-sizing来改变盒子模型,则该属性决定了flex元素内容盒的宽度或高度(取决于主轴的方向)的大小。 语法 /* Specify <'width'> */ flex-basis: 10em; flex-basis: 3px; flex-basis: auto; /* Intrinsic sizing keywords */ flex-basis: ...