垂直方向外边距合并(不浮动状态下)

1、当父元素的样式中没有边框是,子元素的上下外边距将直接变为父元素的外边距。实际上是子元素的边距超出了父元素的范围。解决方法:1、给父元素添加与背景颜色相同的边框;2、子元素的外边距换成父元素的内边距(padding)(推荐方法)。3、给父级或者子级加float,脱离文档;;4、给父级加overflowp;5、给父级或者子级加positionabsolute

2、当兄弟之间的外边距重合时,取最大值。解决方法:只设置一个元素的外边距

  

原文地址:https://www.cnblogs.com/feiyu1111111111/p/4936604.html