Почему margin/padding в процентах работают не корректно при использовании float / flex / inline-block?

Question

[zwezew]

Почему margin/padding в процентах работают не корректно при использовании float / flex / inline-block?

Возникла проблема - пытаюсь задать margin или padding -right/left в %, но при этом смещение идет иначе, чем с пикселями. Если задаю блоку отступ в пикселях - он смещается, если в процентах - смещает другие блоки.

Ссылка на jsfiddle

Достаточно сменить отступ на %, сразу будет видно проблему.

Comments

[Сергей delphinpro]

Во-первых, потомкам флекс-контейнера в принципе не важно задание display, они всё равно будут флекс-потомками.
Во-вторых, задание марджина в пикселях и в процентах во флекс контейнере ведут себя по разному. Это нормально.
В-третьих, где пример?

[zwezew]

Сергей, добавил ссылку. Можно как-то нивелировать разницу между поведением процентов и пикселей?

Answer 1

[myaca]

ты бы на jsfiddle закинул... ибо не очень понятно в чем конкретно проблема

Comments

[zwezew]

Ссылка
Видно проблему при любом изменении пикселей на проценты.