码迷,mamicode.com
首页 > 其他好文 > 详细

margin 外边距

时间:2017-04-30 21:33:42      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:tom   ott   color   margin   复合   传递   方向   左右   span   

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 外边距

标签:tom   ott   color   margin   复合   传递   方向   左右   span   

原文地址:http://www.cnblogs.com/halai/p/6790321.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!