jQuery - Установить минимальную высоту div

Question

Это, вероятно, очень просто для большинства из вас. Но мне нужен небольшой фрагмент, который просматривает текущую высоту div (у div есть динамическая высота, основанная на содержимом внутри него) , а затем установите это значение в min-height класса 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';