Flex Item 尺寸计算与常见面试模型 | CSS

本章覆盖：hypothetical main size 高层认知；base size；free space；grow / shrink；intrinsic content contribution；min/max constraint；percentage / fixed / flex basis 混合；`flex: 1 1 0`；`flex: 0 0 auto`；“flex:1 到底做了什么”；不要求背完整规范算法，但要能解释常见结果。

本章知识点

  • hypothetical main size 高层认知
  • base size
  • free space
  • grow / shrink
  • intrinsic content contribution
  • min/max constraint
  • percentage / fixed / flex basis 混合
  • flex: 1 1 0
  • flex: 0 0 auto
  • “flex:1 到底做了什么”
  • 不要求背完整规范算法，但要能解释常见结果