li 的wdith是100px,但flex-basis:200px，这个一共的总宽度如何计算出来的？

你好，具体计算如下：

1. 总宽度1000px, 每个li 的flex-grow:1，也就是平均分配。
   

2. li 的宽度都为100px .

3. 第一个li 为 flex-basis:200px，在计算时，第一个li 的以 200px 为准。

4. 剩余空间为 1000px - 200px -3*100px =500px

5. 平均500px , 每个平分125.

6. 那每个元素的最终宽度为200+125 ，100+125，100+125，100+125

7. 所以除了第一个其余三个的最终宽度为225。

本题考察的是设置弹性盒对象元素的flex-basis 属性，该属性用于设置弹性容器缩基准值，默认值是auto，就是去均摊容器所剩的空间。

已知第一个li所占的空间是325px，那么ul所剩的空间就是675px，剩余的3个里区分，那么每个所占的空间就是225px。

如果你还没看懂，那就再去听一下课程，说明你课程没有好好听。祝学习愉快！