从我的理解块格式化上下文不能重叠，那么为什么绝对定位元素重叠？

Question

根据我的理解，当您创建一个绝对定位的元素时，它会创建一个新的块格式化上下文。新的块格式化元素不能与我的理解重叠。我不理解块格式化上下文，或者绝对定位元素是该重叠规则的异常吗？

<div></div>
<div></div>

<style>
    div {
        background-color: rgba(0,0,0,.5);
        width: 50px;
        height: 50px;
        margin: 10px;
        position: absolute;
    }
</style>

Answer 1

我知道没有规则块级元素不能重叠。

在常规文档流程中，很少（如果有）任何类型的元素（行，块或其他）重叠。当您开始使用定位，浮点数，负边距等时，块元素开始重叠，就像内联元素一样。