| 企服解答

是的，在CSS語(yǔ)法介紹中，margin 簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有當(dāng)前或者指定元素外邊距屬性。該屬性可以有 1 到 4 個(gè)值。

這個(gè)簡(jiǎn)寫(xiě)屬性設(shè)置一個(gè)元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度。

塊級(jí)元素的垂直相鄰?fù)膺吘鄷?huì)合并，而行內(nèi)元素實(shí)際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會(huì)合并。同樣地，浮動(dòng)元素的外邊距也不會(huì)合并。允許指定負(fù)的外邊距值，不過(guò)使用時(shí)要小心。

margin是外邊距嗎

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

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

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

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

某些相鄰的margin會(huì)發(fā)生合并，稱(chēng)之為margin折疊，具體的現(xiàn)象就如果兩個(gè)塊級(jí)元素都設(shè)置了margin，那取兩者之間的最大值做為兩個(gè)元素的外邊距。

margin折疊常規(guī)認(rèn)知：

1、margin折疊只發(fā)生在塊級(jí)元素上；

2、浮動(dòng)元素的margin不與任何margin發(fā)生折疊；

3、設(shè)置了屬性overflow且值不為visible的塊級(jí)元素，將不與它的子元素發(fā)生margin折疊；

4、絕對(duì)定位元素的margin不與任何margin發(fā)生折疊；

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

| 擴(kuò)展閱讀

CSS外邊距：

CSS margin(外邊距)屬性定義元素周?chē)目臻g。margin 清除周?chē)模ㄍ膺吙颍┰貐^(qū)域。margin 沒(méi)有背景顏色，是完全透明的。margin 可以單獨(dú)改變?cè)氐纳希拢螅疫吘啵部梢砸淮胃淖兯械膶傩浴?/p>

CSS內(nèi)邊距：

padding(內(nèi)邊距)：設(shè)置對(duì)象四邊的內(nèi)部邊距。

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

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

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

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

內(nèi)外距離的區(qū)別：

這是很多學(xué)html 人的困擾，其實(shí)說(shuō)白了padding就是內(nèi)容與邊框的空隙，而margin則是模塊與模塊的空隙。

元素框的最內(nèi)部分是實(shí)際的內(nèi)容，直接包圍內(nèi)容的是內(nèi)邊距。內(nèi)邊距呈現(xiàn)了元素的背景。內(nèi)邊距的邊緣是邊框。邊框以外是外邊距，外邊距默認(rèn)是透明的，因此不會(huì)遮擋其后的任何元素。