Div con propiedad float:left

[rogeliomx]

Buen dia tengo tres div alineados en forma de columna alineados con la propiedad div, todos ellos estan dentro de un div el cual quiero que se agrande conforme se agrandan los demas div.


<div id="DIVPADRE">
<div style="float:left">

</div>

<div style="float:left">

</div>

<div style="float:left">

</div>

</div>

El div padre no se hace mas alto conforme crecen los div hijos, como puedo hacer que aumente su altura??

GRacias de Antemano

[cristian_cena]

Prueba con #DIVPADRE {overflow:hidden}
En principio puede ser eso.

+info: http://www.librosweb.es/css_avanzado...ar_floats.html

[rogeliomx]

Muchas gracias eso lo soluciono.

[YYs86]

Esa solución lo que t hace es que no se agrande "#DIVPADRE"

Para que se agrande automaticamente prueba con:

Código HTML:

<div id="DIVPADRE">
<div style="float:left">
 
</div>
 
<div style="float:left">
 
</div>
 
<div style="float:left">
 
</div>
<div style="clear:both;"></div>
</div>
 

[cristian_cena]

YYs86, de ambas maneras limpiamos el flotado, pero si de limpiar se trata coincidiremos en que añadir un div extra no colabora con la limpieza :D
En el link citado tratan los dos casos.

[kseso?]

Iniciado por YYs86

Esa solución lo que t hace es que no se agrande "#DIVPADRE"

Voy a corregir a un paisano (procuraré no salir de casa en una semana xD )
No, lo que hace que no crezca el #divpadre es el haber sacado sus items hijos del flujo /float/ y lo indicado por Cristian es una de las varias formas de corregirlo.
Todas estas técnicas, incluida la del div de corte, se conocen por "limpiar float" o clearfix.

Y no son las únicas. Otras se basan en el uso de pseudoelementos.