有关margin设置负值和html文档中元素的层级关系问题

<div class="A">chic</div>
<div class="B">chic</div>

div {
    width: 100px;
    height: 100px;
}

div.A {
    background-color: red;
    margin-bottom: -100px;
    margin-left: 40px;
}

div.B {
    width: 100px;
    height: 100px;
    background-color: green;
    left: 80px;
    top: 80px;
}

结果：

如果不对节点设定position属性，位于文档流后面的节点会覆盖前面的节点。为什么A中的文字没有被覆盖呢？

---

元素没有设定position属性，文档流后边的节点怎么会覆盖前边的节点

---

就是因为没有脱离文档流，因此对a的子节点来说并不会覆盖