jQuery - Set min-hauteur de la div

C'est probablement très facile pour la plupart d'entre vous. Mais je suis dans le besoin d'un petit morceau de code qui ressemble à la hauteur d'un div (div a une dynamique de la hauteur en fonction du contenu à l'intérieur)
et puis définissez cette valeur dans la classe css min-hauteur de la valeur.

Fondamentalement, ce que cela signifie, c'est que je veux que ce conteneur de min-height pour être exactement la même valeur que la hauteur actuelle. C'est probablement vite 🙂

InformationsquelleAutor Kenny Bones | 2010-05-01
  1. 6

    juste une preuve de concept!

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

    cela devrait fonctionner comme prévu!

    InformationsquelleAutor Luca Filosofi
  2. 69

    Si je vous comprends bien, vous pouvez faire ce qui suit:

    $(".foo").css("min-height", function(){ 
    return $(this).height();
});
    • Oui, c'est le travail 🙂 La raison pour laquelle je suis demander c'est parce que j'ai un div avec pas de hauteur spécifiée est vidé avant elle est remplie par un autre contenu. L'ensemble de conteneur dynamique en taille basée sur ce qui est en elle. Dans ce petit écart entre le contenu et le contenu, la div se rétrécit à elle de min-height, avant de croître à la taille nécessaire. L'inconvénient ici est que la div ne pas descendre en taille de façon dynamique, seulement vers le haut. Connaissez-vous un bon moyen de contourner cela?
    InformationsquelleAutor Sampson
  3. 1
    var elt = document.getElementById("<%= this.your_element_id.ClientID %>");
elt.style.minHeight = elt.clientHeight + 'px';
    InformationsquelleAutor Denis Maslov