| 企服解答

是的，在CSS語法介紹中，margin 簡寫屬性在一個聲明中設置所有當前或者指定元素外邊距屬性。該屬性可以有 1 到 4 個值。

這個簡寫屬性設置一個元素所有外邊距的寬度，或者設置各邊上外邊距的寬度。

塊級元素的垂直相鄰外邊距會合并，而行內元素實際上不占上下外邊距。行內元素的的左右外邊距不會合并。同樣地，浮動元素的外邊距也不會合并。允許指定負的外邊距值，不過使用時要小心。

margin是外邊距嗎

1、margin: 20rpx 10rpx 25rpx 10rpx ：如果提供全部四個參數值，將按上、右、下、左的順序作用于四邊。

2、margin：20rpx：如果只提供一個，將用于全部的四邊。

3、margin：20rpx 20rpx：如果提供兩個，第一個用于上、下，第二個用于左、右。

4、margin：20rpx 20rpx 10rpx：如果提供三個，第一個用于上，第二個用于左、右，第三個用于下。

某些相鄰的margin會發生合并，稱之為margin折疊，具體的現象就如果兩個塊級元素都設置了margin，那取兩者之間的最大值做為兩個元素的外邊距。

margin折疊常規認知：

1、margin折疊只發生在塊級元素上；

2、浮動元素的margin不與任何margin發生折疊；

3、設置了屬性overflow且值不為visible的塊級元素，將不與它的子元素發生margin折疊；

4、絕對定位元素的margin不與任何margin發生折疊；

5、根元素的margin不與其它任何margin發生折疊。

| 擴展閱讀

CSS外邊距：

CSS margin(外邊距)屬性定義元素周圍的空間。margin 清除周圍的（外邊框）元素區域。margin 沒有背景顏色，是完全透明的。margin 可以單獨改變元素的上，下，左，右邊距，也可以一次改變所有的屬性。

CSS內邊距：

padding(內邊距)：設置對象四邊的內部邊距。

1、padding: 20rpx 10rpx 25rpx 10rpx ：如果提供全部四個參數值，將按上、右、下、左的順序作用于四邊。

2、padding：20rpx：如果只提供一個，將用于全部的四邊。

3、padding：20rpx 20rpx：如果提供兩個，第一個用于上、下，第二個用于左、右。

4、padding：20rpx 20rpx 10rpx：如果提供三個，第一個用于上，第二個用于左、右，第三個用于下。

內外距離的區別：

這是很多學html 人的困擾，其實說白了padding就是內容與邊框的空隙，而margin則是模塊與模塊的空隙。

元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距默認是透明的，因此不會遮擋其后的任何元素。