Почему дочерние вертикальные поля не расширяют родительский контейнер?

Я столкнулся со случаем, когда мне нужно дочернее поле для расширения родительского контейнера. Я обнаружил, что пространство за пределами родителя выделяется, но сам родитель не расширяется. Затем я обнаружил, что, добавив `overflow :hidden к родителю, я могу решить эту проблему.

Может ли кто-нибудь пролить свет на то, почему это так?

ОБНОВЛЕНИЕ:

Я обнаружил, что добавление любого значения заполнения или границы к родителю также исправляет это.

Обновленный пример