¿Cómo ajustar automáticamente la altura DIV del padre de acuerdo con los contenidos en el DIV secundario?

Question

Tengo un padre DIV dentro del padre DIV tengo dos DIV uno a la izquierda y el segundo está en el lado derecho dentro del padre DIV Quiero cuando escribo cualquier contenido en la etiqueta div izquierda o derecha el padre DIV se ajustará automáticamente según el altura de las etiquetas DIV izquierda o derecha ...

¿Cómo se escribe el archivo .css para realizar esto?

el DIV principal no se ajustará de acuerdo a la div niño en la vista Diseño:

opinión mi código por favor:

<div style="padding: 8px; overflow: hidden; background-color: #FFFFFF;"> 
    <div style ="float:left"> 
     <p>Hi, Flo!</p> 
     </div> 
     <div style ="float:right; height: 180px;"> 
     <p>is</p> 
     <p>this</p> 
     <p>what</p> 
     <p>you are looking for?</p> 
     </div> 
    </div> 

Answer 1

si los dos divs niño son los flotadores a continuación, que puede usar:

div.parent{ overflow: hidden; } 

con la altura NO especificada.

tamaño

Answer 2

Div se ajusta automáticamente según el contenido que se mantiene, unles especificar las principales salidas a divs interiores .. Si tiene divs flotantes, puede utilizar esta solución: similar question

Answer 3

div.parent{ 
    display: inline-block; 
    width: 100%; 
} 

Me pareció que era una muy buena solución. Si tenía niños flotantes y niños que no flotan, la altura se ajustará automáticamente a la cantidad mínima de espacio necesaria. El ancho se establece en 100% para expandirse al ancho principal del padre.