Duda: dos div's uno al lado del otro crezcan a la par

[albert84]

Hola tengo una duda de como logar que dos div's que están uno al lado de otro crezcan según el que sea más grande crezca.

Tengo siguiente código:

Código HTML:

<div id="wrapper">
	<div id="left"></div>
	<div id="right"></div>
</div> 

y este css.

Código HTML:

#wrapper{
	overflow: auto;
}
#left,#right{
	float:left;
	heigth: 100px;
}
#left{
	background-color: #000;
}
#right{
	background-color: #CCC;
}

Lo que quiero es que independientemente del contenido de los div left y right, ya que es dinámico y variable, los dos div's crezcan de alto a la par.

El wrapper al tener overflow: auto, crecerá en alto, pero no se como lograrlo con los dos que están a la par.

Gracias por adelantado.

[gines86]

Yo he publicado un fallo parecido, y buscando por internet he encontrado esto, lo que pasa es que a mi no me vale, pero a ti quizás si.

Este esta hecho con 3 columnas

Código:

<div id="container1">
    <div id="col1">Column 1</div>
    <div id="col2">Column 2</div>
    <div id="col3">Column 3</div>
</div>

Código:

#container1 {
    float:left;
    width:100%;
}
#col1 {
    float:left;
    width:30%;
    background:red;
}
#col2 {
    float:left;
    width:40%;
    background:yellow;
}
#col3 {
    float:left;
    width:30%;
    background:green;
}

[albert84]

Muchas gracias por contestar tan rápido, pero tampoco me funciona, si hago crecer una columna la 2 por ejemplo con contenido dentro del div, la columna 1 y 3 no crecen a lo alto



Alguna otra idea?

[ArturoGallegos]

para los dos, busquen en google sobre columnas equilibradas css

aquí les dejo link a un aporte del compañero @Mikmoro -> clic aquí

[albert84]

Muchas gracias por la respuesta, veo que hay debate sobre el tema y varias soluciones, el problema era que no sabia como buscarlo.