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不会叠加,因为宽高是可以继承的,反之则叠加。