外邊距
語(yǔ)法規(guī)則同padding尿褪，不會(huì)影響盒模型面積。
同級(jí)margin之間上下疊壓婿牍，左右相加非迹。
注意倆個(gè)問(wèn)題：
-
上下疊壓現(xiàn)象
產(chǎn)生原因：在正常使用盒模型的情況下，同級(jí)之間使用margin上下之間會(huì)產(chǎn)生疊壓現(xiàn)象闯冷。最終間距取最大值砂心。
如題：在一個(gè)div中有兩個(gè)子級(jí)div，第一個(gè)子級(jí)div向下外邊距為50px蛇耀，第二個(gè)子級(jí)div向上外邊距為90px，問(wèn)此時(shí)二者之間的像素值是多少坎弯？ 90px -
子債父償現(xiàn)象
產(chǎn)生原因：對(duì)某一標(biāo)簽的第一個(gè)子級(jí)使用margin或者margin-top時(shí)纺涤，如果這個(gè)子級(jí)元素是塊元素译暂，則產(chǎn)生子債父償現(xiàn)象。
解決方案：
- 在父級(jí)添加overflow：hidden撩炊；
- 在父級(jí)添加一個(gè)border
- 不使用margin外永，在父級(jí)添加padding-top
盒模型面積
S=（width+padding-left+padding-right+border-left+border-right）（height+padding-top+padding-bottom+border-top+border-bottom）
S=（寬+左內(nèi)邊距+右內(nèi)邊距+左邊框+右邊框）（高+上內(nèi)邊距+下內(nèi)邊距+上邊框+下邊框）
