margin 用法

2024年1月31日发(作者：)

margin 用法

Margin是CSS中用于控制元素边框外空间的属性。通过Margin，我们可以调整元素与其他元素之间的距离，使页面布局更加美观。以下是 Margin 的用法：

1. Margin 值的设置

Margin 值可以设置为一个、两个、三个或四个参数，具体语法如下：

- 一个参数：margin: 10px; 或 margin: auto;（auto 表示居中）

- 两个参数：margin: 10px 20px;（上下 10px，左右 20px）

- 三个参数：margin: 10px 20px 30px;（上 10px，左右

20px，下 30px）

- 四个参数：margin: 10px 20px 30px 40px;（上 10px，右

20px，下 30px，左 40px）

2. Margin 值的取值

Margin 值可以使用绝对单位（如 px、em、rem）或相对单位（如 %、auto）。在使用相对单位时，Margin 的计算方式与

Padding 一样，是相对于父元素的宽度计算的。

3. Margin 的负值

在 Margin 中，可以设置负值。设置负值后，元素的 Border、Padding、Content 可能会重叠，需要特别注意。同时，Margin 的负值也有一定的应用场景，例如实现元素的居中对齐等。

- 1 -

总之，Margin 是 CSS 中非常重要的属性之一，掌握好它的使用方法，能够让我们更加轻松地实现页面布局效果。

- 2 -