Сделать абсолютный элемент, занимающий родительскую высоту [закрыто] ⇐ CSS

[Anonymous]

Я пытаюсь спроектировать html таким образом, чтобы не перемещать поле из его положения, которое выровнено по центру с другими элементами в DIV A, так что если я добавлю нижнюю часть нового элемента в какой-то конкретный блок (можно добавить/удалить как по запросу), как вы можете видеть на игровой площадке, не должно перекрываться с контейнером DIV B, который расположен внизу DIV A.
Я попробовал, код доступен по ссылке ниже.
Вот ссылка на игровую площадку:
https://play.tailwindcss.com/iSahVeHW9J

Подробнее здесь: https://stackoverflow.com/questions/791 ... ent-height