外邊距
語法規則同padding，不會影響盒模型面積。
同級margin之間上下疊壓，左右相加。
注意倆個問題：
-
上下疊壓現象
產生原因：在正常使用盒模型的情況下，同級之間使用margin上下之間會產生疊壓現象。最終間距取最大值。
如題：在一個div中有兩個子級div，第一個子級div向下外邊距為50px，第二個子級div向上外邊距為90px，問此時二者之間的像素值是多少？ 90px -
子債父償現象
產生原因：對某一標簽的第一個子級使用margin或者margin-top時，如果這個子級元素是塊元素，則產生子債父償現象。
解決方案：
- 在父級添加overflow：hidden；
- 在父級添加一個border
- 不使用margin，在父級添加padding-top
盒模型面積
S=（width+padding-left+padding-right+border-left+border-right）（height+padding-top+padding-bottom+border-top+border-bottom）
S=（寬+左內邊距+右內邊距+左邊框+右邊框）（高+上內邊距+下內邊距+上邊框+下邊框）
