CSS margin-top属性的有哪些作用

CSS中的margin-top属性用于设置元素顶部边距的大小。它定义了一个元素与其上方相邻元素之间的空白区域的大小。

具体来讲，margin-top属性控制元素顶部边沿与其父元素顶部边沿之间的距离，还是控制元素顶部边沿与上面相邻元素

的底部边沿之间的距离。

使用正数值可以增加元素的顶部边距，从而将元素向下推离其上方的内容。负数值则会产生负边距效果，使得元素向上覆

盖部份上方内容。

以下是一些示例：

css

.margin-top-example {

margin-top: 20px; /* 顶部边距为20像素 */

}

.negative-margin-top-example {

margin-top: ⑴0px; /* 负顶部边距，元素向上覆盖上方内容 */

}

请注意，margin-top属性只影响元素本身的顶部边距，其实不会改变其内部内容的位置。如果需要调剂元素内部内容的布

局，可以斟酌使用padding-top属性。