Как заставить родительский контейнер сетки отрегулировать свой высота, чтобы продолжать сдерживать ребенка после изменен ⇐ Html

[Anonymous]

В этом примере у меня есть контейнер (сетка), содержащий 3 ребенка, желтые).
Я хочу изменить положение одного из них, но я вижу, что он выходит из своего родительского контейнера и скрывает другие элементы в макете, я хочу сделать родительский контейнер (высота/ширина), чтобы он держал его внутри. />

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

.parentBox {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 2rem;
margin-bottom: 2rem;
border: 2px solid black;
}

.parentBox>div {
border: 3px solid black;
background-color: rgb(252, 255, 162);
}

.ONE {
position: relative;
top: 20px;
}< /code>


Lorem ipsum dolor, sit amet consectetur adipisicing elit. Assumenda, quo.

Lorem ipsum dolo sit amet consectetur adipisicing elit. Molestiae, non!

Lorem ipsum dolor sitamet consectetur adipisicing elit. Molestiae, enim.

Подробнее здесь: https://stackoverflow.com/questions/755 ... ng-the-chi