Высота 100% на колонке Flexbox Child [Duplicate] ⇐ CSS

[Anonymous]

У меня проблемы с столбцом Flexbox в том, что дети из элемента Flex'd не реагируют на высоту в процентах. Я только проверил это в Chrome, и из того, что я понимаю, это проблема только хрома. Вот мой пример: < /p>

Код: Выделить всё

.flexbox {
position: absolute;
background: black;
width: 100%;
height: 100%;

display: flex;
flex-direction: column;
}

.flex {
background: blue;
flex: 1;
}

.flex-child {
background: red;
height: 100%;
width: 100%;
display: block;
}

.static {
background: green;
width: 100%;
height: 5rem;
}< /code>

Вот код. Почему высота: 100% работает?

Подробнее здесь: https://stackoverflow.com/questions/209 ... lumn-child