Formatting Context 总图:Flow、Flex、Grid 与定位系统 | CSS

本章覆盖:formatting context 的整体概念;block formatting context;inline formatting context 的高层认知;flex formatting context;grid formatting context;formatting context 决定子项布局算法;Positioning scheme 与 formatting context 的区别;normal flow → float → position → flex → grid 的演进关系;遇到布局问题先判断“当前元素属于哪种布局算法”。

本章知识点

  • formatting context 的整体概念
  • block formatting context
  • inline formatting context 的高层认知
  • flex formatting context
  • grid formatting context
  • formatting context 决定子项布局算法
  • Positioning scheme 与 formatting context 的区别
  • normal flow → float → position → flex → grid 的演进关系
  • 遇到布局问题先判断“当前元素属于哪种布局算法”