堆叠子组件flex div会导致其他非堆叠div位于堆栈之后

。这是因为在使用flex布局时，堆叠子组件（即设置了position属性为absolute或fixed的元素）会脱离正常文档流，不再占据原有的空间，而是相对于其最近的非静态定位的父元素进行定位。

当堆叠子组件使用了flex布局时，它们的定位会受到flex容器的影响，可能会导致其他非堆叠div位于堆栈之后。这是因为flex容器会根据子元素的排列顺序和属性值进行布局，而堆叠子组件的定位可能会打乱原有的排列顺序。

为了解决这个问题，可以考虑以下几种方法：

1. 使用z-index属性：给需要位于堆栈之前的非堆叠div设置一个较大的z-index值，确保其在堆叠子组件之前显示。
2. 调整元素顺序：通过调整非堆叠div和堆叠子组件的排列顺序，将非堆叠div放在堆叠子组件之前。
3. 修改布局方式：如果可能的话，可以考虑修改布局方式，避免使用flex布局或减少使用堆叠子组件。

需要注意的是，以上方法只适用于使用了flex布局的情况下。如果没有使用flex布局或堆叠子组件不是使用了flex布局的元素，则可能存在其他原因导致非堆叠div位于堆栈之后的情况，需要进一步排查。

关于堆叠子组件、flex布局以及其他相关概念和技术，可以参考腾讯云的相关文档和产品：

1. 堆叠子组件：堆叠子组件是指使用了position属性为absolute或fixed的元素，可以参考腾讯云的CSS定位与堆叠子组件文档（链接地址：https://cloud.tencent.com/document/product/1216/45963）。
2. Flex布局：Flex布局是一种用于页面布局的弹性盒子模型，可以参考腾讯云的Flex布局文档（链接地址：https://cloud.tencent.com/document/product/1216/45964）。

请注意，以上链接仅为示例，实际应根据具体情况选择适合的腾讯云产品和文档。