Usa jQuery / CSS para encontrar el más alto de todos los elementos

Posible duplicado:
CSS – Columnas de altura iguales?

Tengo 3 divs.

Me gusta esto:

Ellos van a estar llenos de texto. No estoy seguro de cuánto. Lo que pasa es que es imperativo que todas sean iguales.

¿Cómo puedo usar jQuery (o CSS) para encontrar el más alto de los DIV y establecer los otros dos a la misma altura, creando 3 DIV de igual altura?

es posible?

No se puede seleccionar fácilmente por altura o comparar en CSS, pero jQuery y algunas iteraciones deberían resolver fácilmente este problema. Recorreremos cada elemento y rastrearemos el elemento más alto, luego haremos un bucle nuevamente y estableceremos que la altura de cada elemento sea la más alta ( JSFiddle en funcionamiento):

  $(document).ready(function() { var maxHeight = -1; $('.features').each(function() { maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height(); }); $('.features').each(function() { $(this).height(maxHeight); }); }); 

[Apéndice]

Sheriffderek ha creado un JSFiddle para esta solución en una cuadrícula sensible . ¡Gracias!

[Versión 2]

Aquí hay una versión más limpia que usa progtwigción funcional:

 $(document).ready(function() { // Get an array of all element heights var elementHeights = $('.features').map(function() { return $(this).height(); }).get(); // Math.max takes a variable number of arguments // `apply` is equivalent to passing each height as an argument var maxHeight = Math.max.apply(null, elementHeights); // Set each height to the max height $('.features').height(maxHeight); }); 

[Versión 3 – sans jQuery]

Aquí hay una versión actualizada que no usa jQuery (trabaja JSFiddle ):

 var elements = document.getElementsByClassName('features'); var elementHeights = Array.prototype.map.call(elements, function(el) { return el.clientHeight; }); var maxHeight = Math.max.apply(null, elementHeights); Array.prototype.forEach.call(elements, function(el) { el.style.height = maxHeight + "px"; }); 

( y aquí está en ES6 )

puedes usar jquery en cada función:

 var highest; var first = 1; $('.features').each(function() { if(first == 1) { highest = $(this); first = 0; } else { if(highest.height() < $(this).height()) { highest = $(this); } } }); 

Puede hacer tres divisiones de columna, pero debe agregar envoltorio alrededor de este modo

 

en tags de cabeza poner esto

  

cualquiera que sea el ancho de las cajas, los otros obtendrán lo mismo también. Espero que esto ayude. Lo siento si no lo hace, acabo de hacer el código en el acto.