jQuery - 设置div的最小高度

Question

对于大多数人来说，这可能非常简单。但我需要一个小片段来查看div的当前高度（div有一个基于其内容的动态高度） ，然后在css类的最小高度值中设置该值。

基本上这意味着我希望这个容器的最小高度与当前高度完全相同。这可能是一个快速:)

Answer 1

只是一个概念的证明！

 // 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 
      } 
}); 

这应该按预期工作！

Answer 2

如果我理解正确的话，你可以做到以下几点：

$(".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';