前几天写 flex 容器宽度被内容撑开的问题 查文章的时候,看到了一篇 flex:1 到底代表什么?,确实很多时候只是知道 flex:1
的作用,并不清楚他具体代表了什么。
和那篇帖子一样,我原先理解的也是 flex:1
应该是 flex:1 1 auto
的简写。因为设置了 flex:1
之后就可以让容器扩张了。既然 flex
的默认值是 0 1 auto
那么理所当然的就这样认为了。
看完了这个帖子之后发现其实并不是这样。
简写的 flex:1
其实是 flex:1 1 0%
,其中的 flex-basis
的值从默认值变成了 0%
,但是文章并没有说明为什么会这样。
确实这个东西不值得深入研究为什么,只需要知道和理解就可以了。
但,正好昨天在翻《CSS新世界》的时候看到了这部分内容!