首页 > 其他 > 详细

浅谈padding与margin

时间:2019-03-09 15:09:08      阅读:171      评论:0      收藏:0      [点我收藏+]

padding的用法:

  1:padding是添加在父元素(盒子)上的;

  2:padding用来控制子元素在父元素里面的位置关系;

  3:padding会把盒子撑大;

  4:如果想让盒子保持原有的大小,在盒子宽度的基础上减掉padding值;

  5:给单一一个方向添加padding值:padding-left /right /top /bottom;

  6:padding设置方法:padding:10px(四周);padding:10px 20px(上下  左右);

  7:padding不会对背景图造成影响;

  8:padding不支持负数;

 

margin的用法:

  1:margin是长在盒子外围的;

  2:调整元素与元素之间的位置关系

  3:margin不会对盒子本身的宽高造成影响;

  4:margin支持负数

  5:给单一一个方向添加margin值:margin-left /right /top /bottom;

  6:margin常见的BUG:

    a:如果父元素没有浮动以及第一个元素没有子元素没有浮动,直接往第一个子元素上面添加margin-top,会错误的把margin-top解析到父元素上面;

    b:相邻两个同级元素。上下margin值不会添加,会按照最大值去设置;

 

浅谈padding与margin

原文:https://www.cnblogs.com/4813html/p/10500688.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!