第 9 课 7 / 20 ｜ 编码：L09-11
核心知识

外边距合并

普通文档流中，相邻块级元素的垂直外边距可能合并，而不是简单相加。

  • 主要发生在垂直方向
  • 父子或相邻块都有可能
  • flex/grid 容器中的项目不发生这种合并
.first{margin-bottom:30px}
.second{margin-top:20px}
/* 间距可能是 30px，而非 50px */