margin 外边距

1、单个方向的样式

margin-top: 100px;
margin-right: 100px;
margin-bottom: 100px;
margin-left: 100px;

2、复合样式

margin: 100px;  /*4个方向都是100px*/
margin: 100px 50px;    /*上下是100px，左右是50*/
margin: 100px 50px 20px;    /*上是100px,左右是50px，下是20px*/
margin: 100px 50px 20px 10px;/*上右下左分别是100px,50px,20px,10px*/

3、margin存在的问题

　　a、margin-top会传递给父级（加上边框可以解决传递问题）

　　b、margin上下会叠压，取最大值

转载于:https://www.cnblogs.com/halai/p/6790321.html