padding margin 区别

margin padding的区别：

1、padding的值会叠加到原来盒子的宽高上，从而改变盒子的宽高；margin则不会叠加。

2、padding无论容器有无设置宽高，都能起作用，margin，如使用它的容器没有设宽高，则没有起作用。

padding解决其值叠加的方法：

1、计算宽高，让其不变。

2、使用样式：box-sizing：border-box；固定宽高。

margin：

1、兄弟关系的两个盒子，设置宽高，设置上方的盒子margin-bottom：20px，下方的盒子的margin-top：10px；发现它们上下的距离是20px。说明margin不叠加。

2、可以通过设置margin的值来让盒子的边框重叠。