• 外边距（margin），指的是当前盒子与其他盒子之间的距离。
  共有四个方向的外边距，可以通过margin-top、margin-right、margin-bottom、margin-left来分别设置四个方向的外边距。
  
  由于页面中的元素都是靠左和靠上摆放的，因此需要注意，当设置左、上外边距时，会导致盒子自身的位置发生改变，而设置右、下外边距会改变其他盒子的位置。
  
  若外边距设置的是负值，则元素会反方向移动。
  例：margin-left: -150px;元素会向左位移150像素。
  
  
  
  
• 外边距还可以设置为auto，auto一般只设置给水平方向的margin。
  若只指定margin-left或margin-right的值为auto，则会将外边距设置为最大值。
  
  若同时指定margin-left和margin-right的值为auto，则会将两侧的外边距设置为相同值，就可以使元素自动在父元素中居中，因此我们经常将左右外边距设置为auto，以使子元素在父元素中水平居中。
  
  若指定垂直方向的外边距为auto，则外边距默认为0。

外边距不会影响可见框的大小，但会影响盒子的位置。

• 使用margin可以同时设置四个方向的外边距。
  规则和padding简写形式相同。
  例：

margin: 5px; /*设置四个方向的外边距均为5px*/
margin: 5px 10px; /*设置上、下外边距为5px，左、右外边距为10px*/
margin: 5px 10px 15px; /*设置上外边距为5px，左右外边距为10px，下外边距为15px*/
margin: 5px 10px 15px 20px; /*设置上、右、下、左外边距分别为5px、10px、15px、20px*/

如发现错误请联系我，谢谢你。
本文链接：http://ninefire.tk/HTML&CSS.basics/35.html