css盒子模型之margin外边距

控制盒子与盒子之间的距离。

属性	作用
Margin-left	左外边距
Margin-right	右外边距
Margin-top	上外边距
Margin-bottom	下外边距

Margin简写方式代表的意义跟padding完全一致。

外边距典型应用:外边距可以让块级盒子水平居中，但是必须满足两个条件。

• 盒子必须指定了宽度（width）
• 盒子左右的外边距都设置为auto

div {

            width: 900px;

            height: 300px;

            margin: auto;

           

        }

常见的写法，以下三种都可以：

Margin-left：auto；margin-right：auto；

Margin:auto;

Margin:0 auto;

注意：以上方法是让块级元素水平居中，行内元素或者行内块元素水平居中给其父元素添加text-align:center；即可