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上下会叠压，取最大值
原文：http://www.cnblogs.com/halai/p/6790321.html