布局技术选型:Normal Flow、Position、Flex 还是 Grid | CSS

本章覆盖:内容自然纵向排列:normal flow;单轴组件排列:Flex;行列二维关系:Grid;局部叠加:position;文本环绕:float;page layout vs component layout;根据内容关系选布局算法;不以“哪个更新”作为选择依据;面试中能解释为什么选 Flex / Grid 比死背属性更重要。

本章知识点

  • 内容自然纵向排列:normal flow
  • 单轴组件排列:Flex
  • 行列二维关系:Grid
  • 局部叠加:position
  • 文本环绕:float
  • page layout vs component layout
  • 根据内容关系选布局算法
  • 不以“哪个更新”作为选择依据
  • 面试中能解释为什么选 Flex / Grid 比死背属性更重要