有个问题？？

同学你好，可以这里理解哦。这里整体可以参考如下来理解。

这里总共有4个li，li的宽度是100px，但是因为第一个li设置了

li:nth-child(1){
    flex-basis:200px;
}

1、也就是说flex-basis:200px;会替代li设置的宽度100px，那么，这个时候第一个li的宽度可以理解成是200px

2、其他三个没有设置flex-basis属性的li宽度仍然是100px，那么，四个li的宽度总和是200px+100px*3=500px，

3、而ul的总宽度是1000px，被li占去500px，还剩下500px，这500px，会由父级元素平均分配给四个li，分成4份，每一份是125px。

4、那么，第一个li就是flex-basis设置的200px+自动分配的125px，变成了325px，第二个li、第三个li、第四个li的宽度就会变成原本li设置的100px+自动分配的125px，就变成了225px。

希望能帮助到你，祝学习愉快！

同学你好，1、是的，第一个li也会参与空间的分配。

2、是的。

3、这题主要考察的是对于flex-basis 属性使用哦。flex-basis这个属性值的作用也就是width的替代品，如果子容器设置了flex-basis或者width，那么在分配空间之前，他们会先跟父容器预约这么多的空间，然后剩下的才是归入到剩余空间。

希望能帮助到你，祝学习愉快！