84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
一个给父级加了边框，一个没有给父级加边框，为什么渲染会出现这样的差距!
一个外边距在父级外部，一个外边距在父级内部，为什么会出现这样的情况？
因为第一个p发生了margin-collapse，也就是说当parent和child margin相遇时，会发生折叠，从而导致只会应用到一个上面，而下面的你给parent设置了border在两个margin之间多了一个border自然不会满足邻近这个条件了。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
因为第一个p发生了margin-collapse，也就是说当parent和child margin相遇时，会发生折叠，从而导致只会应用到一个上面，而下面的你给parent设置了border在两个margin之间多了一个border自然不会满足邻近这个条件了。