Expandir un padre <div> a la altura de sus hijos

Tengo una estructura de página similar a esta:

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

Me gustaria para los padresdiv para expandirse enheight cuando el interiordiv'sheight aumenta

Editar:
Un problema es que si elwidth del contenido secundario se expande más allá delwidth de la ventana del navegador, mi CSS actual pone una barra de desplazamiento horizontal en el padrediv. Me gustaría que la barra de desplazamiento esté en el nivel de página. Actualmente mi div padre está configurado enoverflow: auto;

¿Me pueden ayudar con el CSS para esto?

Respuestas a la pregunta(16)

Su respuesta a la pregunta