Почему не работает position absolute при display flex?

Question

[Theory Theory]

https://jsfiddle.net/tzs25um6/2/

Если задать в процентах, картинка не отображается, мне нужно задать именно в процентах, а если в пикселях, отображается. Почему?

Answer 1

[WapSter]

Потому-что проценты расчитываются от ширины родителя. У родителя она равну 0, а как из курса математики 2 класса мы знаем на 0 делить нельзя.

Answer 2

[Александр]

Потому что для li в котором img находится установлен position: relative;. Установите ширину элементу и картинка будет отображаться.