Obtenir la hauteur de div sans hauteur définie en css

Question

Existe-t-il un moyen d'obtenir la hauteur d'un élément s'il n'y a pas de règle de hauteur CSS définie pour l'élément Je ne peux pas utiliser la .height() car elle nécessite d'abord un ensemble de règles CSS ? Existe-t-il un autre moyen d'obtenir la hauteur?

Answer 1

Juste un petit mot au cas où d'autres auraient le même problème.

J'ai eu le même problème et j'ai trouvé une réponse différente. J'ai trouvé que l'obtention de la hauteur d'un div dont la hauteur est déterminée par son contenu doit être initiée sur window.load , ou window.scroll pas document.ready sinon j'obtiens des hauteurs impaires/des hauteurs plus petites, c'est-à-dire avant que les images ne soient chargées. J'ai également utilisé externalHeight() .

 var currentHeight = 0;
$(window).load(function() {
    //get the natural page height -set it in variable above.

    currentHeight = $('#js_content_container').outerHeight();

    console.log("set current height on load = " + currentHeight)
    console.log("content height function (should be 374)  = " + contentHeight());   

});

Answer 2

Peut le faire dans jQuery . Essayez toutes les options .height() , .innerHeight() ou .outerHeight() .

 $('document').ready(function() {
    $('#right_div').css({'height': $('#left_div').innerHeight()});
});

Exemple de capture d'écran

J'espère que cela t'aides. Merci!!

Answer 3

Assurez-vous également que le div est actuellement ajouté au DOM et visible .