Absolut positioniertes Element in einem flexiblen Container wird weiterhin als Element in IE & Firefox betrachtet.

Wenn ich mehrere Elemente mit der Eigenschaft @ hajustify-content: space-between in einem Flex-Container und ich möchte einen davon absolut positionieren und aus dem Flex-Flow entfernen, wie hier gezeigt:

Dies funktioniert in Chrome, aber nicht in IE und Firefox, da das absolut positionierte Element als 0-Breite betrachtet wird, aber immer noch im Flex-Flow:

Gibt es eine Lösung dafür, das Layout so zu belassen, wie es ist?

CodePen

Antworten auf die Frage(6)

Ihre Antwort auf die Frage