flex布局里某个元素的margin设置为auto，或者把flex-grow设置为1的使用场景各是什么？

来源：8-6 实战项目：侧边栏样式编写

人生的起源

2022-01-27

发现在flex布局中，对其中某个元素设置flex-grow: 1，和设置margin某个方向的值为auto，效果几乎是一样的，区别只是该元素有没占据剩余空间，是不是这样？

这两种效果几乎相同的设置方法，分别在什么场景下使用比较合适？

比如什么情况下用flex-grow: 1，什么情况用margin-right: auto比较好（假设是往右边占据剩余空间）？

写回答

1回答

西门老舅

2022-01-28

你好，这两种写法还是有很大区别的。

flex-grow: 1 是利用容器大小占据空间，而margin-right: auto是利用容器位置占据空间，你可以给容器加背景色就可以看出他们的区别。

前端内功修炼 5大主流布局系统进阶

前端内功修炼：5大主流布局系统进阶

758 学习 · 231 问题

相似问题

回答 1

回答 1

回答 1

回答 2

回答 1