jQuery - Establecer min-altura de div

Question

Esto es probablemente muy fácil para la mayoría de ustedes. Pero necesito un pequeño fragmento que busque la altura actual de un div (el div tiene una altura dinámica basada en el contenido que contiene) y luego establezca ese valor en el valor de min-height de la clase css.

Básicamente lo que esto significa es que quiero que este contenedor tenga su altura mínima para tener exactamente el mismo valor que su altura actual. Esta es probablemente una rápida :)

Answer 1

sólo una prueba de concepto!

 // attend for dom ready 
    $(function() { 
     // hide .foo before we get it's height 
     $('.foo').hide(); 
     // get the height, also the one mentioned below is a good one! 
     var foo_height = $('.foo').height(); 
     // see if the actual height respect our needs! esample 180px 
     if (foo_height > 180) { 
      // set the height and show it! 
      //$('.foo').css('height', foo_height + 'px').show(); OR try 
      $('.foo').height(foo_height).show(); 
     } else { 
      //do something else here 
      } 
}); 

esto debería funcionar como se esperaba!

Answer 2

Si he entendido bien, se puede hacer lo siguiente:

$(".foo").css("min-height", function(){ 
    return $(this).height(); 
}); 

Answer 3

var elt = document.getElementById("<%= this.your_element_id.ClientID %>"); 
elt.style.minHeight = elt.clientHeight + 'px';