Блок тянущийся по родительскому, родительский зависит от контента?

Question

[web-quest3]

Есть блок внутри блока, нужно чтобы первый тянулся по высоте второго
Сделал с позишен абсолют но не устраиввает, есть ли еще варианты?

Answer 1

[Александр Талалаев]

Сложно советовать не зная конкретной ситуации, но можешь использовать flex модель.
Если задать align-items: stretch; то дочерние элементы растягиваются по высоте.

<div class='container'>
    <div class='child'>Bla bla vla</div>
  </div>

SCSS

.container {
  display: flex;
  align-items: stretch;
  height: 500px;
  .child {
      background-color:red;  
  }
}