这个题目，我还是不明白
来源：3-15 选择练习
xiao白做大事
2021-03-01 11:43:30
看代码的话。li都有 flex-grow属性，应该都参与瓜分剩余空间啊。
width 和 basis 和 flex-grow同时作用的话，主要看flex-grow属性不是吗？
写回答
1回答
-
同学你好，的确是每个li都参与了瓜分剩余空间。具体如下:
width和flex-basis属性用来设置li的基础宽度，当li同时设置了width和flex-basis之后，宽度会以flex-basis的值为准，所以第一个li的基础宽度是200，其余三个li的基础宽度是100。ul宽度是1000，那么剩余宽度是1000-200-100-100-100=500。每个li的flex-grow都是1，所以会瓜分剩余的500，即每个li都分到125（500/4），所以最终效果是第一个li宽度是200+125=325，第二到第四个li的宽度是100+125=225。
祝学习愉快！
1
相似问题