外边距塌陷 并列关系: 垂直方向的两个含有margin值的盒子会发生叠加。 解决办法:尽量避免。可以将margin值加在一个盒子上。 父子关系: 子元素添加垂直方向的margin值会发生塌陷(父盒子会随着子元素往下移动) 解决办法: 给父元素添加边距和边框 触发BFC 1、float:left/right;浮动 2、overflow:hidden; 3、position:flexed/absolute; 4、display:inline-block;