margin的塌陷
嵌套的块级元素,它的垂直外边距会塌
当父元素没有padding和border的时候,子元素与父元素直接相邻 ,
子元素的margin值会传递给父元素,
并且再次与父元素的margin值发生复合,取两个值的最大值,负值会取绝对值的较大值
解决方法:①给父元素设置边框或者内填充(慎用)
② 给父元素设置overflow:hidden;改变渲染规则-BFC
-->
<!--
相邻元素的垂直外边距会合并
当两个 块级的兄弟元素垂直方向上的margin值直接相遇,会发生合并
最终结果取较大值,负值时取绝对值较大值
解决方法:①尽量只定义 其中一个的margin值,避免直接相遇
②给其中一个盒子加父元素,给父元素加overflow:hidden;改变渲染规则