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

这个是CSS规范化的结果，在1999规范以前，所有元素都是默认有border的，或者说，即使border宽度为0，仍然可作定位使用。现在的规范中，将对margin定义更明确化(外边距：与当前盒模型以外的最近一个盒模型的间距)，如果直接的父级盒模型在当前方向上没有border，就认为父级的范围也属于子标签的边框的一部分。

（稍微试了下，仍然没有解决！有待考证！）

父层加overflow:hidden；或者float可以解决；原因：触发haslayout导致margin重叠失效。

改用padding：

父子关系的重叠是作用在父级上的。
不然就不是什么重叠了。
想象中...
如果是作用在父级上的，按照重叠说法，其实子级也还是拥有margin.只是与父级重叠在一起了。
如果是作用在子级上，不管父级原来拥有多大的margin，重叠后父级却丧失了原来的margin。甚至说是和子级重叠于内部，这不成了padding了么？