Как сделать так чтобы div внутри другого div был по ширине контента?

Question

[1233211]

При условии, что у внешнего div стоит display:flex.

Да, знаю, можно прописать width: fit-content;. Но в ie не поддерживается.

Comments

[Lord_Dantes]

display: inline-block; ?

[1233211]

Slava, нет, не работает:(
https://jsbin.com/tocosajuma/edit?html,css,output

[Ankhena]

Slava, какой инлайн-блок для флекс-элементов...

[Lord_Dantes]

Ankhena, согласен, бред сказал.

Answer 1

[Ankhena]

Начните с ответа на вопрос, зачем родителю flex-direction: column;?
Но если он всё таки нужен, то добавьте align-items: flex-start
Инлайн блок у дочернего можете не писать - это бесполезно, дочерние элементы флекса инлайн-блоками не станут никогда.

Answer 2

[kryamk]

1. align-self для дочернего,
2. position: absolute для дочернего
3. align-items для родителя