为啥我margin border跟写的代码对不上？

不知道你说的哪里对不上了，
但是发现了三个问题

• 1. 没有清除默认样式

body自带的margin: 8px；导致内容本就不会挨着浏览器的边缘部位显示

• 2. margin-top的穿透问题

子元素的margin-top效果会显示在父元素身上

• 3. margin的上下重叠问题

上边元素添加了margin-bottom，下边元素添加了maring-top，此时就会产生margin的重叠问题，导致两个元素的实际间距为两个margin的最大值