padding写法:
padding:上 右 下 左;值的单位为px,空格隔开。padding:1px 2px 3px 4px;表示上内边距为1px,右内边距为1px,下内边距为1px,左内边距为1px;
padding:上下 左右;padding:1px 2px;表示上下的内边距都为1px,左右的内边距都为2px;
padding:上下左右;padding:1px;表示所以方向的边距都为1px;
除此之外,还可以单独设置某一方向的内边距:
padding-left:左;设置距离左边的内边距;
padding-right:右;设置距离左边的内边距;
padding-left:上;设置距离上边的内边距;
padding-right:下;设置距离下边的内边距;
注意:
padding的值会叠加到盒子的宽高上面
解决:
1、用css样式box-sizing:border-box;固定盒子的宽高;
2、重设宽高,新值=原来的宽高-padding叠加的值