flex-basis、flex-grow 与剩余空间分配 | CSS

本章覆盖：`flex-basis`；main size；`flex-grow`；positive free space；grow ratio；`flex: 1`；flex shorthand；basis 0 与 auto 的差异；不把 flex-grow 理解成“最终宽度比例”；结合内容尺寸理解空间分配。

本章知识点

  • flex-basis
  • main size
  • flex-grow
  • positive free space
  • grow ratio
  • flex: 1
  • flex shorthand
  • basis 0 与 auto 的差异
  • 不把 flex-grow 理解成“最终宽度比例”
  • 结合内容尺寸理解空间分配