1. 标准流（默认）
块级、行内、行内块的区别
2. 浮动 float
- 特性：脱离文档流、父元素塌陷
- 清除浮动：
- 伪元素清浮动（最常用）
- overflow:hidden
- 空标签清除
3. 定位 position
- static（默认）
- relative（相对定位，不脱标）
- absolute（绝对定位，脱标，找最近定位父级）
- fixed（固定定位）
- sticky（吸顶）
4. Flex 布局（现代主流）
- 父项：display:flex、flex-direction、justify-content、align-items、flex-wrap、align-content
- 子项：flex、align-self、order
5. Grid 布局（二维布局）
- grid-template-columns/rows
- gap
- place-items
- 适合整页、卡片、后台布局
原创文章，作者：风在逍遥，如若转载，请注明出处：https://www.bjseo.xin/?p=54
