如何在父div的中间重叠位置相对的两个flexbox子项？

要在父div的中间重叠位置相对的两个flexbox子项，可以使用以下方法：

1. 首先，将父div设置为flex容器，通过设置display属性为flex来实现：

.parent {
  display: flex;
}

1. 然后，将两个子项设置为flex子元素，并使用flex属性来控制它们的宽度：

.child {
  flex: 1;
}

1. 接下来，使用position属性将两个子项定位到父div的中间位置。可以使用绝对定位（position: absolute）和相对定位（position: relative）来实现：

.child1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.child2 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

1. 最后，通过z-index属性来控制子项的重叠顺序，确保它们在中间位置重叠显示：

.child1 {
  z-index: 1;
}

.child2 {
  z-index: 2;
}

这样，两个子项就会在父div的中间位置相对重叠显示。

关于flexbox的更多信息和用法，可以参考腾讯云的Flexbox布局介绍：https://cloud.tencent.com/developer/doc/1078