Как заполнить вертикальное свободное пространство блока?

Question

[Андрей]

Тривиальная задача, но чет голова не соображает сегодня)



Есть некий сайдбар, нужно, чтобы блок, отмеченный красным, занимал все свободное место, а вложенный в него блок имеет динамическую высоту, и скроллится, если превышает размеры родителя (красного блока).

С последним ясно, overflow-y: scroll
А на первой задаче я, почему-то, ломаюсь. height: 100% даёт блоку высоту 100% родителя, а как заполнять все свободное пространство?

Comments

[Dymok]

flex-grow?

Answer 1

[Надим]

Два белых блока и сам красный блок должны быть либо ячейками таблицы, либо находится в ячейках таблицы. Используйте свойства display: table/table-row/table-cell ➜ их вполне можно применять к div.