Есть родительский DIV, два внутренних дочерних и в одном из дочерних много контента. Оба делят позицию по оси X и растянуты на всю высоту. Родительский DIV в свою очередь должен иметь минимальную высоту, равную высоте экрана. Короче вот упрощенный код:
HTML:<div class="parent">
<div class="child-1"></div>
<div class="child-2">
Тут очень много контента в виде текста, картинок и т.д.
</div>
</div>
CSS:.parent {
position: relative;
min-height: 100vh;
}
.child-1 {
position: absolute;
left: 0;
height: 100%;
width: 15%;
}
.child-2 {
position: absolute;
left: 15%;
height: 100%;
width: 85%;
}
Итак проблема в том, что часть контента из второго блока уходит за границу элемента вниз, хотя я рассчитывал на то, что родительский блок вместе с первым дочерним растянутся на необходимую высоту. Что и как сделать?
P.S. Чую что решение крайне простое, но все же не могу разобраться сам)))
Средний
