子元素的margin影响到父元素的大小

总体来讲，这个问题是垂直外边距合并问题。

也就是一个div，作为一个元素的第一个子集元素情况下，在设置了外边距之后，会与父级的div元素在某种情况下进行合并，那么在什么情况下呢

第一个元素的上外边距会去查找父级的border或者padding，如果没找到，就会向外找margin，如果找到margin，相邻的两个margin会进行合并，这也就是垂直外边距合并。
也就是说没有找到边界，就会一直向外查找是否需要外边距合并，除非遇到了border或者padding，则终止这个想法。
所以，在父级元素设置了border或者padding之后，就不会再继续影响父级元素的高度和位置了。