После использования .height() в родительском div дочерние элементы, изменяющие высоту, больше не влияют на высоту родителя. Почему?

У меня есть родительский div с несколькими дочерними div. Ничего не делая с родительским div, если я вызову следующий код для любого из дочерних элементов родительского div:

$('.child').height(newHeight);

Родительский элемент div будет соответствовать новой высоте, основанной на высоте всех его дочерних элементов.

Однако, если я установлю высоту родителя следующим образом:

$("#parent").height(newParentHeight);

Затем измените высоту любого из дочерних элементов таким же образом, как описано выше, высота родителя не соответствует новой высоте, основанной на росте всех его дочерних элементов. По сути, высота родителя «заблокирована» до высоты, которую я отправляю с помощью метода .height().

Есть ли способ гарантировать, что родительский элемент div будет соответствовать высоте всех его дочерних элементов, даже если я установлю высоту родителя, используя приведенный выше код?

ОБНОВЛЕНИЕ 1: В соответствии с запросом, вот CSS для родительского div:

#workarea
{
    overflow: hidden;
    border-bottom: 1px solid white;
    border-left: 1px solid grey;
    border-right: 1px solid white;
    background: #ccc;
}