html 父容器的背景消失了,为什么父元素的背景颜色会被父元素的子元素背景盖住?...

*{

margin: 0;

padding: 0;

}

body{

border-top: 1px solid yellow;

}

div{

width: 50px;

height: 30px;

background-color: aqua;

border-top: 1px solid red;

}

p{

margin-top: 0px;

color: #FFFF00;

width: 50px;

background-color: red;

height: 20px;

}

h1{

height: 20px;

color: aquamarine;

font-size: 16px;

background-color: green;

}

然后默认的 第一个div 会被子元素的p和h1 颜色覆盖 这是正常的,为什么随着p的margin-top越来越大, p和h1的背景会被第二个div的蓝色覆盖呢?难道第一个div 和第二个div 不是在同一标准流中?