本文共 654 字,大约阅读时间需要 2 分钟。
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