CSS 布局
主要是设置display属性
- block, inline, inline-block
- grid
- flexbox
- float
- position
- table
正常布局流(Normal flow)
备注： 块元素内容的布局方向被描述为块方向。块方向在英语等具有水平书写模式
(writing mode) 的语言中垂直运行。它可以在任何垂直书写模式的语言中水平运行。
对应的内联方向是内联内容（如句子）的运行方向。
定位(Positioning)
- 静态定位(Static positioning)
- 相对定位(Relative positioning)
- 绝对定位(Absolute positioning)
- 固定定位(Fixed positioning)
- 粘性定位(Sticky positioning)
Reference
Introduction to CSS layout