css中关于margin的坑

1.给子元素设置margin-top，为什么父元素也会一起被拉下来？

需要知道一个前提条件：块级元素的垂直相邻外边距会合并

解决方案：给父元素加overflow:hidden;

且其垂直相邻外边距合并之后的值为上元素的下外边距和下元素的上外边距的较大值（合并谁的值大取谁）

补充：

行内元素实际上不占上下外边距。

行内元素的的左右外边距不会合并。

浮动元素的外边距也不会合并。