首页 > 代码库 > margin 外边距

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上下会叠压,取最大值

margin 外边距