Expandindo um pai <div> para a altura de seus filhos

Eu tenho uma estrutura de página semelhante a esta:

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

Eu gostaria do paidiv expandir emheight quando o interiordivéheight aumenta.

Editar:
Um problema é que, se owidth do conteúdo filho se expande além dowidth da janela do navegador, meu CSS atual coloca uma barra de rolagem horizontal no paidiv. Gostaria que a barra de rolagem estivesse no nível da página. Atualmente meu div principal está definido comooverflow: auto;

Você pode me ajudar com o CSS para isso?

questionAnswers(16)

yourAnswerToTheQuestion