Почему flex потомок меняет ширину ,если у обоих блоков flex:1;?

Question

[ortsuev33]

есть div (родитель display:flex)
и два div( дочерние flex:1)
когда содержимое их меняется ширина у них не пополам, бывает что один забирает место другого почему?И как добиться чтоб было попалам

Comments

[Ankhena]

Покажите код. Потому что в простом случае: https://jsfiddle.net/zqeg0rmu/

[ortsuev33]

Ankhena, код показывать там долгая история , ну все равно спасибо

Answer 1

[sergski]

в вашем случае так: flex: 0 1 50%;

Answer 2

[Vladimir]

потому что див растягивается. А flex:1 это что?

Comments

[ortsuev33]

div не растягивается, это сокращенная запись flex-grow,flex-shrink.
Проблема видимо кроется в paddinge у этих двух блоков когда я их убираю блоки не воруют места друг у друга

Answer 3

[ortsuev33]

Решил проблему так добавил width двум блокам 50% и поставил box-sizing: border-box; ну и flex 1 оставил в результате в в контейнере с position absolute у меня получилось два одиннаковых блока которые не куда не выезжают а в одном из дочерних элементах пожертвовал его размерами(overflow: hidden;) в случае чего чтоб ширина общего блока не менялась .