html - float 和定位元素堆叠顺序

Question

根据 MDN和 this blog ，当不使用 z-index 时，定位元素在重叠时应始终堆叠在 float 元素之上。但是，MDN 链接中的示例并不能证明这一点。怎么会？

Answer 1

答案在您提供的链接中: 堆叠顺序是 -

1. 根元素的背景和边框
2. 正常流程中的后代 block ，按出现顺序(在 HTML 中)

由于此堆叠顺序在任何其他顺序之前，因此它具有优先级 - 因此 DIV#1 将在其他 float 和定位 DIV 之后，忽略正常 DIV。