4-8选择题 flex-basis
不知道第一个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的值代表的是什么？
4
收起
正在回答 回答被采纳积分+1
1回答
好帮手慕星星
2019-02-19 11:36:13
你好，
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。
可以再测试理解下，祝学习愉快！
响应式开发与常用框架 2018
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星