Почему margin-bottom: X% не работает во flex box?

Question

[Капитан Какао]

В общем ещё год назад столкнулся с проблемой, что если родитель flex-box то в дочерних элементах margin-bottom работает только в пикселях, точнее в процентах тоже работает, но Firefox почему-то проценты игнорирует.
Достаточно открыть вот этот пример: https://jsfiddle.net/ds447ks9/2/ в Хроме и Лисе, разница на лицо, лиса не отображает нижние отступы.

Есть ли какой-то костыль?

Answer 1

[DTX]

>Есть ли какой-то костыль?

Обернуть каждый дочерний элемент в дополнительный контейнер, а у него использовать padding-bottom.