CSS margin-bottom 属性

将 p 元素的下边距设置为 25 像素:

p.ex1 {
margin-bottom: 25px;
}

下面有更多实例。

定义和用法

margin-bottom 属性设置元素的下外边距。

注释: 允许使用负值。

默认值:	0
继承性:	no
支持动画:	yes, 请参阅单独的属性. 阅读有关动画的信息测试一下
版本:	CSS1
JavaScript 语法:	object.style.marginBottom="100px" 测试一下

表中的数字表示支持该属性的第一个浏览器版本。

属性
margin-bottom	1.0	6.0	1.0	1.0	3.5

margin-bottom: length|auto|initial|inherit;

值	描述	试一试
length	以px、cm、em等为单位指定固定的底部边距。默认值为0。允许使用负值。阅读长度单位	亲自试一试 »
%	以包含元素宽度的百分比指定底部边距	亲自试一试 »
auto	浏览器计算底部边距	亲自试一试 »
initial	将此属性设置为其默认值。请参阅 initial	亲自试一试 »
inherit	从其父元素继承此属性。请参阅 inherit

元素的上下边距有时会折叠为一个边距，该边距等于两个边距中最大的边距。

这不会发生在水平（左和右）页边距上！只有垂直（顶部和底部）边距！

请看以下示例:

p.a {
margin: 30px 0;
}

p.b {
margin: 20px 0;
}

在上面的例子中， <p class="a"> 元素的上下边距为 30px。 <p class="b"> 元素的上下边界为20px。

这意味着 <p class="a"> 和 <p class="b"> 之间的垂直边缘应为 50px (30px + 20px). 但由于边距折叠，实际边距为 30px！