Как сделать ширину элементу равную соседнему элементу, если ширина не может быть фиксированной?

Question

[CoolBatman273]

Структура такая:
<div>div+ul>li>img+span</div>

Comments

[Mikhail Osher]

Непонятно условие. Можете желаемый layout показать?

Answer 1

[skuvaWeb]

Если родителю задан display: flex; то дочерние элементы по умолчанию буду одной высоту (меньшие растягиваются по самому высокому)

Comments

[CoolBatman273]

При чём здесь высота?

Answer 2

[profesor08]

Решить задачу поможет flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Comments

[CoolBatman273]

А как именно он поможет решить её? С помощью flex-grow?

[profesor08]

Ну ты же можешь контролировать распределение потомков. Можешь задать им одинаковую ширину. flex: 1;