通常特性:
1.block水平元素(不包括float和absolute元素)
2.不考慮writing-mode,只發(fā)生在垂直方向(margin-top、margin-bottom)
三種情境:
1.相鄰的兄弟元素
2.父級(jí)和第一個(gè)/最后一個(gè)子元素
3.空的block元素 自己和自己
1.相鄰的兄弟元素 margin重疊

2父級(jí)和第一個(gè)/最后一個(gè)子元素

margin-top:
father 0,son 80,重疊一下,80
father 80,son 80 ,重疊一下,80
2.1父子元素margin-top發(fā)生重疊,原因?如何取消重疊?
1.父元素非塊狀格式化上下文元素

2.父元素沒(méi)有border-top設(shè)置

3.父元素沒(méi)有padding-top值
4.父元素和第一個(gè)子元素之間沒(méi)有inline元素(圖片。。文字。。。)分割

margin-bottom重疊的原因:
1.父元素非塊狀格式化上下文元素
2.父元素沒(méi)有border-bottom設(shè)置
3.父元素沒(méi)有padding-bottom值
4.父元素和最后一個(gè)子元素之間沒(méi)有inline元素分割
5.父元素沒(méi)有height、min-height、max-height限制
3.空block元素margin重疊

margin重疊的計(jì)算規(guī)則
1.正正取大值

2.正負(fù)值相加
3.負(fù)負(fù)最負(fù)值

垂直布局時(shí),margin-top和margin-bottom都使用
