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

Question

Это, наверное, действительно легко для большинства из вас. Но мне нужен небольшой фрагмент, который просматривает текущую высоту div (div имеет динамическую высоту, основанную на содержимом внутри него) и затем установите это значение в значение минимальной высоты класса css.

По сути, это означает, что я хочу, чтобы этот контейнер имел минимальную высоту, равную его текущей высоте. Это, вероятно, быстрый:)

Answer 1

Если я вас правильно понимаю, вы можете сделать следующее:

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

Answer 2

просто доказательство концепции!

     // 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 3

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