外邊距:盒子邊框以外的跟其他元素的距離
行內元素的外邊距和內邊距
不管是外邊距還是內邊距,行內元素的margin和padding只能在水平方向起到作用,垂直方向不起作用。
盒子的寬和高??
整個盒子的占用空間寬度:左邊距寬度+padding+width+右padding+右邊框
整個盒子的占用空間寬度:上邊框寬度+上padding+height+下padding+下邊框寬度
外邊距合并案例
當兩個塊級元素,上面塊級元素擁有下外邊距,下面的塊級元素擁有上外邊距的時候,兩個盒子的上下距離會取兩個邊距的最大值。
嵌套塊元素垂直外邊距的合并
對于兩個嵌套關系的塊元素,如果父元素沒有上內邊距及邊框,則父元素的上外邊距會與子元素的上外邊距發生合并,合并后的外邊距為兩者中的較大值,即使父元素的上外邊距為0,也會發生合并。