Расширение родительского элемента <div> до высоты его дочерних элементов

У меня есть структура страницы, похожая на эту:

<body>
  <div id="parent">
    <div id="childRightCol">
      /*Content*/
    </div>
    <div id="childLeftCol">
      /*Content*/
    </div>
  </div>
</body>

Я хотел бы для родителяdiv&nbsp;расширить вheight&nbsp;когда внутреннийdiv«sheight&nbsp;увеличивается.

Редактировать:
Одна проблема заключается в том, что еслиwidth&nbsp;содержание ребенка расширяется заwidth&nbsp;окна браузера, мой текущий CSS ставит горизонтальную полосу прокрутки на родительскомdiv, Я хотел бы, чтобы полоса прокрутки была на уровне страницы. В настоящее время мой родительский div установлен наoverflow: auto;

Можете ли вы помочь мне с CSS для этого?