现象:当子元素设置上外边距时,父盒子会和子元素一并向下移动 解决方案: 1: 给父元素设置1px上外边框或者1px上内边距(分割公共区域) 2: 既然默认渲染导致外边距塌陷 就要使用浏览器的一个规则去改变默认渲染. 规则:BFC (块级格式化上下文) 私人领域 BFC规则不是浏览器的默认规则,所以我们得触发BFC规则 overflow:hidden —>可以触发BFC规则