Div padre que ocupe su alto disponible

[rogeliomx]

Hola que tal, tengo una duda con CSS:

Código:

<div>
            
            <div style="width: 50%; float: left">
                Columna 1
            </div>
            
            <div style="width: 50%; float: left">
                Columna 2
            </div>
            
</div>

El código que tengo lo único que hace es poner un div al lado del otro, como se ve tengo un div que encierra ha ambos, yo quisiera que ese div padre, ocupara todo el alto disponible que fuera necesario, como podria hacer eso??

[pzin]

En principio bastaría con que ese padre tuviera un:

Código CSS:

height: 100%
 

Y así ese padre ocuparía toda la altura de su padre —el abuelo. Pero ese abuelo también tendría que tener una altura definida, no automática —que es la de por defecto. Y así seguiría a priori hasta el primer elemento.

[C2am]

Para mí que solo se trata de "limpiar los float", y que con un smple:

Código CSS:

overflow:hidden
 

en el padre, o alguna otra técnica para este menester bastaría para solucionarlo.

Saludos

[pzin]

Iniciado por C2am

Para mí que solo se trata de "limpiar los float", y que con un smple:

Código CSS:

overflow:hidden
 

en el padre, o alguna otra técnica para este menester bastaría para solucionarlo.

Saludos

Si yo pensé eso primero. Pero el "disponible" me miró mal.

[rogeliomx]

Gracias, con el overflow: hidden quedo, pero me podrian explicar por que???
jeje, de hecho ya quedo con el overflow:hidden, a por cierto no es "ancho displonible", jeje me equivoque, sería mas bien "ancho necesario", el que se ocupe para que cubra todo el contenido de los div hijos, gracias

[rogeliomx]

Hola ahora me surgio otro problema aunque no sabría si crear otro hilo, verán los div hijos no toman el ancho disponible (disponible ahora si) osea si el div padre tiene un height de 500 por que el hijo o columa uno mide eso, el div columa 2 que esta a la derecha, no toma los 500px de alto si no lo unico que ocupa, y establecer height a 100% no funciona, aunque no quisiera ponerle a todos los div 100% habra alguna otra opcion