margin是外边距吗

| 企服解答

是的，在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则是模块与模块的空隙。

元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。