|
Сообщение от snovapavel
|
|
Как сделать 50% высоты у дочерних блоков, с помощью flexbox?
|
можно также у дочерних элементов flex-grow: 1;
<!DOCTYPE html>
<html>
<head>
<style>
.wrapper {
height: 200px;
}
.column {
height: 100%;
display: flex;
flex-direction: column;
outline: 3px solid green;
}
.cell {
flex-grow: 1;
background: orange;
}
.cell:last-child {
background: tan;
}
</style>
</head>
<body>
<div class="wrapper"><!-- Высота этого контейнера неизвестна -->
<div class="column"><!-- Этот, должен быть 100% высоты своего ↑ родителя -->
<div class="cell">1</div><!-- Один под другим. 50% высоты -->
<div class="cell">2</div><!-- Один под другим. 50% высоты -->
</div>
</div>
</body>
</html>