CSS `margin-bottom` 属性

说明

margin-bottom CSS 属性设置元素的下边距。然而，在许多情况下，速记属性 margin 更易于使用且更可取。

下表总结了此属性的使用上下文和版本历史记录。

默认值：	`0`
适用于：	除表 `display` 类型以外的所有元素，而不是 `table- caption`, `table`, 和 `inline-table`。它也适用于 `::first-letter`。
继承：	No
动画：	Yes. 参见动画属性。
版本：	CSS 1, 2, 3

属性的语法如下：

margin-bottom:

length | percentage | auto | initial | inherit

下面的示例显示了 margin-bottom 属性的作用。

h1 {
    margin-bottom: 25px;
}
p {
    margin-bottom: 50px;
}

下表描述了该属性的值。

值	说明
length	`px`, `pt`, `cm`, `em` 中的长度值等。允许为负值。
percentage	百分比的边距。百分比是根据元素包含块的宽度计算的。
`auto`	浏览器将计算指定元素的边距。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `margin-bottom` 属性的计算值。

所有主要的现代浏览器都支持 margin-bottom 属性。

请参阅以下教程： CSS 边距, CSS 盒子模型.