Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Absolute positioned item in a flex container still gets considered as item in IE & Firefox

Tags:

If I have multiple elements with the property justify-content: space-between in a flex container and I want to absolute position one of them and remove from the flex flow, as showed here: hoped result

This works in Chrome but not in IE and Firefox as the absolute positioned element is considered as 0 width, but still in the flex flow: bugged result

Is there a fix to this keeping the layout as it is?

CodePen


Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!