解决margin重叠的问题

只会上下重叠，不会左右重叠。

margin重叠有两种情况：

1、兄弟级的垂直块之间，margin这个属性上下边距，会发生重叠的情况

解决办法：float浮动或display:inline-block

2 、父子级的块之间，子级的上下margin会与父级上下margin重叠

解决办法：父级加overflow:hidden或加padding或加border，子级加position:absolute