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 的演进关系
- 遇到布局问题先判断“当前元素属于哪种布局算法”