第一种情况:

红盒子下边距为50px,紫盒子上边距也为0px,测量得到两个盒子垂直距离为50px.
菜鸟笔记:块级元素margin垂直距离会合并问题
菜鸟笔记:块级元素margin垂直距离会合并问题
第二种情况:
红盒子下边距为50px,紫盒子上边距也为50px,但是测量得到两个盒子垂直距离也为50px.
菜鸟笔记:块级元素margin垂直距离会合并问题
菜鸟笔记:块级元素margin垂直距离会合并问题
第三种情况:
红盒子下边距为50px,紫盒子上边距为100px,但是测量得到两个盒子垂直距离100px,这时两个盒子的距离变为两个盒子中较大的值,并没有发生叠加情况
菜鸟笔记:块级元素margin垂直距离会合并问题
菜鸟笔记:块级元素margin垂直距离会合并问题

相关文章:

  • 2021-11-06
  • 2021-09-26
  • 2021-09-25
  • 2021-11-06
  • 2021-08-01
  • 2022-12-23
  • 2021-03-31
  • 2021-10-05
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-05-15
  • 2021-11-06
  • 2021-04-20
  • 2021-11-06
  • 2021-10-10
相关资源
相似解决方案