margin-top属性应用到父层上去了

标准中规定就是这样的 :
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。普通文档流中块框的垂直外边距会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。这个就是由于垂直外边距合并引起的

给父元素上加可解决
overflow:hidden