Question

子元素设置了margin-top，父元素跟随下移问题

Answer 1

HTML

CSS

1. 两个元素为同级元素 ，即当一个元素出现在另一个元素上面时，第一个元素的margin-bottom与第二个元素的margin-top发生合并，合并后的margin值是margin-bottom和margin-top中较大的那一个

2. 当两个元素嵌套 ，即一个元素包含在另一个元素中时（假设没有padding或border把两个元素的margin分隔开），它们的margin-bottom和/或margin-top也会发生合并，合并后的margin值同样也是margin-bottom和margin-top中较大的那一个； 该问题就属于这一种情况 。

3. 假设有一个空元素，且不设置它的宽高， 它有margin-bottom和margin-top，但是没有padding或border。在这种情况下，margin-bottom和margin-top就碰到了一起，它们也会发生合并，合并后的margin值同样也是margin-bottom和margin-top中较大的那一个。
如果这个外边距遇到另一个元素的外边距，它还会发生合并。