关于flex-basis设置的值

怎么感觉其实flex-basis设置的值其实是（basis设置的空间+内容所占空间），而上图表达式应该是：伸缩项目分配的空间 = 伸缩容器的空间 - （flex-basis的值），不知道我是不是哪里看漏了还是理解错了

按比率分配的时候分配的是“伸缩项目分配的空间”，是这样吗？

idcunyu 2017-09-16

源自：flex弹性布局 4-7 flex-basis属性

38

收起

2回答

小丸子爱吃菜 2018-01-25 09:47:18

如果basis设置为0，那么小乔的内容不再参与空间的分配，也就是空间分配的值不用减去内容所占的大小，直接和其它元素分配的空间一模一样

慕前端5517794 #1

A小乔设置为0，是不是就没有可分配的剩余空间？也就是图片中A小乔是以中轴分成左右，由两个剩余分配的空间所组成，而这两个空间是BCD3个伸缩项目的剩余空间所分配？

2019-03-15 18:54:01
山河远阔ZZ 回复慕前端5517794 #2

同学理解的没有问题哦。

2019-03-15 19:02:06

小丸子爱吃菜 2017-09-17 16:42:35

元素的内容还占有空间啊，要减去内容的大小，剩下来的才是要分配的空间。

祝学习愉快！

慕雪1434180 #1

老师，请问如果是减去内容的空间，那么为什么老师在上课中说的，如果把小乔的flex-basis设置为0，则它不占空间，而且剩余空间的分配是container的width减去剩余三个的内容空间，然后再平均分配给这四个伸缩项？也就是说，当小乔的flex-basis设置为0 的时候，他的最终所拥有的所有的空间只是剩余空间分配的，而没有其内容空间。是我们哪里理解错了吗？

2018-01-24 22:36:38

相似问题

关于flex-basis值的问题

flex-basis: 0%;是什么意思？flex-basis: 10%;？

我测试的时候发现

空间的计算问题

flex-basis设置为0

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载