Ich habe einen flexiblen Container (das blaue Quadrat) mit den folgenden Eigenschaften:

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

Daher ordnen sich die untergeordneten Elemente (die hellblauen Quadrate) wie unten dargestellt an. Ich möchte jedoch ein anderes Kind (das grüne Quadrat) aus dem normalen Fluss hinzufügen und es relativ zu seinem übergeordneten Element positionieren. Um es wie unten zu positionieren, würde ich im Idealfall so etwas wie @ schreibebottom: 20px; undmargin: auto;.

Ich habe versucht, mit @ herumzuspielz-index umsonst. Wie soll ich das angehen? Soll ich ein anderes übergeordnetes Element erstellen?