padding 内边距

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叠加的值