css盒子模型之内边距

padding属性用于设置内边距，即边框与内容之间的距离

属性	作用
padding-left	左内边距
padding-right	右内边距
padding-top	上内边距
padding-bottom	下内边距

内边距（padding）

当我们给盒子指定padding值之后,发生了2件事情:
1.内容和边框有了距离,添加了内边距。
2.paading影响了盒子实际大小。

也就是说,如果盒子已经有了宽度和高度,此时再指定内边框,会撑大盒子。

解决方案：
如果保证盒子跟效果图大小保持一致,则让width/height减去多出出来的内边距大小即可。

如果盒子本身没有指定width/height属性,则此时padding不会撑开盒子大小