麻烦老师看一下。

来源:2-3 试用栅格系统完成响应式布局

丹叔

2021-04-07 09:45:23

如果有的项目有 flex-grow 属性,有的项目有 width 属性,

有 flex-grow 属性的项目将等分剩余空间(减掉width再瓜分)。


那有width 属性的项目,也写了 flex-grow属性, 减掉width后,后面他还会跟着瓜分剩余空间吗?


写回答

1回答

好帮手慕慕子

2021-04-07

同学你好,是指如下图所示的情况吗?box1同时设置了width和flex-grow属性,示例:

http://img.mukewang.com/climg/606d1bfa0917873607230667.jpg

如果是这样的话,那么flex-grow属性会瓜分减去width属性值的剩余空间。box1的实际宽度为460 = width(400)+flex-grow属性值((1000-400-100-200)*0.2 )

http://img.mukewang.com/climg/606d1c3209cd34d812630872.jpg

如果不是指这里的话,建议详细描述下具体指的是什么情况,便于帮助同学准确的定位与解决问题。祝学习愉快~

0

0 学习 · 6815 问题

查看课程