关于flex-grow

来源:4-7 flex-basis属性

慕斯卡6097176

2018-12-15 18:36:41

http://img.mukewang.com/climg/5c14d9380001cd1b15010844.jpg
这里设置的150px是第一个子元素内容宽度,然后其余部分根据flex-grow均分?所以第一个子元素实际宽度比150要大?

写回答

1回答

好帮手慕夭夭

2018-12-16

你好同学 ,因为分配的空间在计算前是先有刨去你设置的 flex-basis空间 。http://img.mukewang.com/climg/5c15d0490001514f11530260.jpg

所以浏览器宽度越大 ,分配总的空间越大 ,分配的空间也就越大 。同学可以测试一下源码, 如下:

会发现宽度大于150 ,因为浏览器宽度的不同 ,可分配空间不一样 ,宽度也不会不一样

http://img.mukewang.com/climg/5c15d20c00018f1007580136.jpg

祝学习愉快 ,望采纳。

0

0 学习 · 5012 问题

查看课程