相关疑难解决方法(0)

我有一个Flex容器(蓝色方块),具有以下属性:

display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;

因此,它的孩子(浅蓝色方块)如下所示排列自己.但是,我想在正常流程中添加另一个子项(绿色方块)并将其相对于其父项定位.要定位它,你看到下面,我非常喜欢写东西bottom: 20px;和margin: auto;.

我试着玩弄z-index无济于事.我该怎么做呢？我应该求助于创建另一个父元素吗？