浅谈padding与margin

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值不会添加，会按照最大值去设置；

　　8：margin:0 auto;让当前元素在父元素里面左右居中。

 

转载于:https://www.cnblogs.com/4813html/p/10500688.html