浮动和定位元素堆叠顺序

Question

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

Answer 1

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

1. 根元素的背景和边框
2. 正常流程中的后代阻塞，按外观顺序排列（以HTML格式显示）

由于这个堆叠顺序优先于其他任何一个，所以它优先考虑 - 因此DIV＃1将落后于其他浮动顺序。定位DIV，忽略正常的DIV。