CSS 参考手册 目录

CSS margin-top 属性

在 CSS 中,margin-top 属性用于设置元素的顶部外边距。外边距是元素与相邻元素之间的空间,margin-top 控制元素顶部与其上方元素之间的距离。

语法

margin-top 属性的语法如下:

-------- -
    ----------- ------
-

其中 value 可以是一个具体的长度值(如 10px2rem)、百分比值(如 50%)或者 auto

可继承性

margin-top 属性不是继承的,子元素不会继承父元素的 margin-top 值。

初始值

margin-top 的初始值为 0

取值范围

margin-top 的取值范围可以是任意正数、负数、百分比值或者 auto

示例代码

下面是一个简单的示例代码,演示如何使用 margin-top 属性:

---------- -
    ----------- -----
-

---- -
    ----------- ----
-

在上面的例子中,.container 元素的顶部外边距为 20px.box 元素的顶部外边距为其父元素高度的 10%

注意事项

  • 如果设置了 margin-top,但没有设置 margin-bottom,那么元素在垂直方向上的外边距可能会叠加。
  • 当元素设置了 margin-topmargin-bottom 时,它们之间的外边距会取两者中较大的值。

以上就是关于 CSS 属性 margin-top 的介绍,希望对你有所帮助!


上一篇:CSS 属性 margin-right
下一篇:CSS 属性 max-height