Как растянуть flex блок на всю высоту родителя?

Question

[kot98]

Внутри блока

.some-page {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

находятся два блока, и если нижний дочерний блок не заполнен контентом на всю высоту, то он обрезается. Как растянуть его на всю высоту .some-page?

Comments

[kot98]

помогло навесить но второй блок flex: auto.
но пока не особо понимаю как это работает

[szQocks]

kot98, а чё height: inherit;не помогает ?

[Антон Антон]

kot98, это разрешает ему растягиваться и сжиматься

[kot98]

szQocks, Антон Антон, height: inherit тоже работает. есть ли разница что применить?

[Ankhena]

kot98, flex-grow: 1

Answer 1

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

Малова-то информации. Но если some-page родитель, и в нём два элемента. То можно последнему задать свойство flex-grow:1 , таким образом, при неуказанном flex-grow у других, последний займёт всё свободное пространство.