Question

有关盒模型中padding的使用

Answer 1

1: padding是长在内容和盒子之间的，在盒子内部。

2：padding是为了调整 子元素 在 父元素里面位置关系。

3：padding的特点：padding值会把盒子撑大。

4：如果想让盒子保持原有大小，需要在宽高的基础上减掉padding值；

【注】：（如果一个盒子没有设置固定的宽和高，添加padding是不用减的；

父元素对里面使用padding才需要减掉padding值；）

或者你不想这么这么麻烦，可以把盒模型转为怪异盒模型：box-sizing:border-box;

怪异盒模型的宽高包括padding值与边框值。

5：padding 设置方法（同margin）：

padding-left/right/top/bottom:;

padding 设置方法：

padding:1个值 四周

padding:2个值 上下 左右

padding:3个值 上 左右 下

padding:4个值 上右下左

6:注意 padding不能设置负值