m、p的一些事项

m:是指margin;p:是指padding。

1、两者之间的异同点：

         1)共同点：都有四个值，margin-top(外上边距)、margin-right(外右边距)、margin-bottom(外下边距)、margin-left(外左边距);padding-top(内上边距)、padding-right(内右边距)、padding-bottom(内下边距)、padding-left(内上边距)。

2)不同点：①：两者不叠加；②：padding：无论有没有宽高都要叠加；margin：若无宽高则无效果、无作用。

2、margin-top(外上边距)的塌陷现象：

当盒子是父子关系时，用margin-top极有可能会产生塌陷现象。

3、margin(外边距)的合并现象：

相邻的地方同时使用了外边距，只取较大的bag外边距的值。

4、padding(内边距)的特点：

①:使用padding时，padding的值会叠加到盒子的宽高上，若使已经设定好的盒子的宽高不变，则需要减去宽高，或用box-sizing：border-box固定宽高。

②：如果盒子不设宽高则padding不会叠加，因为宽高是可以继承的，反之则叠加。