Абсолютно позиционированный элемент в гибком контейнере все еще рассматривается как элемент в IE & Firefox

Если у меня есть несколько элементов со свойствомjustify-content: space-between в гибком контейнере, и я хочу абсолютное положение одного из них и удалить из гибкого потока, как показано здесь:

Это работает в Chrome, но не в IE и Firefox, поскольку элемент с абсолютным позиционированием считается шириной 0, но все еще в потоке flex:

Есть ли какое-то решение, чтобы сохранить макет как есть?

CodePen

Ответы на вопрос(3)

Ваш ответ на вопрос