堆叠时不使用 z-index 属性

当没有在任何元素上指定 z-index 属性时，元素的堆叠顺序如下（从下到上）：

1. 根元素的背景和边框。
2. 后代非定位元素，按在 HTML 中出现的顺序排列。
3. 后代定位元素，按在 HTML 中出现的顺序排列。

请参阅定位类型以了解定位元素和非定位元素的解释。

请记住，当 order 属性在 flex 容器内改变渲染顺序（基于 HTML 中的出现顺序）时，它也会影响层叠上下文的顺序。