4-8选择题 flex-basis
来源：4-8 选择题
soso_crazy
2019-02-19 11:01:39
不知道第一个li元素宽度为325px的情况下，进行的计算：
盒子整体是1000px，每个li元素为100px，第一个li元素flex-basis基准值为200px，那么剩余宽度为1000-100*3-200=500px。
四个再平均分配500px，那么每个占据125px。所以第一个占据的空间为：200+125=325，剩余三个分别占据空间为100+125=225
第一个li元素flex-basis基准值为200px，这200px指的是第一个li除去内容后的剩余空间是200px吗？
剩余宽度为1000-100*3-200=500px。剩余宽度为500px指的是除去4个li内容后剩下的宽度吗？
四个再平均分配500px，为什么是500/4而不是500/3？500/4代表的是什么？
设置flex-basis的值代表的是什么？
写回答
1回答
-
好帮手慕星星
2019-02-19
你好，
1、flex-basis 属性用于设置弹性盒伸缩基准值，也就是初始值。
2、当元素设置flex-basis值为200px的时候，这个元素开始占据的位置就是200，包括内容。
3、每个li元素占据的宽度为100px，所以1000-200-100*3=500是整体宽度减去4个li占据的剩余空间。
4、每个li元素再平均分配剩余的空间，是4个li，不是3个，因为剩余空间是均分的，500/4=125；
所以最后需要将开始占据的空间和剩余的空间加起来计算：
第一个元素：200+125=325
后面几个元素:100+125=225。
可以再测试理解下，祝学习愉快！
1
相似问题