Как заполнить вертикальное свободное пространство блока?
Тривиальная задача, но чет голова не соображает сегодня)
Есть некий сайдбар, нужно, чтобы блок, отмеченный красным, занимал все свободное место, а вложенный в него блок имеет динамическую высоту, и скроллится, если превышает размеры родителя (красного блока).
С последним ясно, overflow-y: scroll
А на первой задаче я, почему-то, ломаюсь. height: 100% даёт блоку высоту 100% родителя, а как заполнять все свободное пространство?
Два белых блока и сам красный блок должны быть либо ячейками таблицы, либо находится в ячейках таблицы. Используйте свойства display: table/table-row/table-cell ➜ их вполне можно применять к div.
