1.兩個或多個垂直元素，相鄰邊界會重合

? ?1）邊界都為（正或負）值，取絕對值最大的邊界。

? ? 2）一個為負，一個為正，兩者相加，如：（10+（-20）= -10）。

解決方案

用padding替代或給其中一個元素增加display:inline-block，添加inline-block的元素會覆蓋住沒有加inline-block的元素。

如果沒有添加inline-block則默認下方的元素覆蓋上方的元素

2、嵌套元素間相同方向的margin-top值子元素會傳遞給父元素，最終父元素的外邊距的計算規(guī)則同相鄰元素的計算規(guī)則一致。

解決方案：

用padding替代

給父元素添加overflow:hidden或者display:inline-block

給子元素添加display:inline-block

3、margin縮寫

margin: 20px 30px 40px 50px 依次為上、右、下、左

margin: 20px 30px 40px ?依次為上、（左右）下