CSS margin-bottom 属性

在CSS中，margin-bottom属性用于设置元素的下边距。下边距是指元素与其下方元素之间的空间大小。margin-bottom属性可以接受各种单位值，如像素(px)、百分比(%)、em、rem等。

语法

selector {
    margin-bottom: value;
}

属性值

• value: 可以是正数、负数或零，表示下边距的大小。也可以是百分比、em、rem等单位值。

示例

.container {
    margin-bottom: 20px;
}

.box {
    margin-bottom: 2em;
}

在上面的示例中，.container元素的下边距为20像素，.box元素的下边距为2em。

注意事项

• 负值的margin-bottom属性值可以使元素与其下方元素重叠。
• 使用百分比作为margin-bottom属性值时，其计算基准是父元素的宽度。
• margin-bottom属性也可以通过简写方式设置四个边距值，具体可以参考margin属性。

以上就是关于CSS属性margin-bottom的详细介绍，希望对你有所帮助。