Margin重叠简记

Q：margin为什么会重叠？

A：为了排版方便

 

Q：margin发生重叠的必要条件是什么？

A：display:block;

 

Q：有哪几种margin重叠？

A:

　　　　第一，自己的margin跟自己的margin重叠，如果你搞了一个空的div，

　　也就是没有给这个div设置width,height，padding,border,也没有content

　　那么，这个div就会自己跟自己重叠。

　　　　第二，最常见的就是两个block元素之间的重叠。

　　　　第三，比较特殊的情况 第一个子元素会跟父元素产生一种奇怪的重叠。

 

Q：对于第三种重叠，明显不是我想要的，应该如何应对？

A：我有6种方法让你混不下去

　　给父元素设置【padding,border,float,绝对定位，fixed定位，overflow设置为非visible】中的任意一种

　　都可以清除这种重叠。

 

Q：margin重叠是如何计算的？

A:

　　正正取最大

　　正负取和

　　负负取小