jQuery outerHeight ne fonctionne pas correctement?

Lien du style:

#carousel ul li {
    display: inline-block;
    border: solid 1px red;
    margin: 50px 25px 50px 25px;
    width: 350px;
    height: 300px;
}

de jQuery code:

var height = $("#carousel ul li").outerHeight(); 

document.write(height);

Et il est dit de la hauteur de l'élément est 302px ! Pourquoi? C'est peut-être 302 avec des frontières, mais qui ne devrait pas outerHeight montrer 300 + 2 + 100 (les deux marges supérieure et inférieure sont de 50 px).

Je suis confus.

Grâce.

OriginalL'auteur fomicz | 2010-09-23

  1. 30

    Par défaut outerHeight() n'inclut pas les marges. Passez true pour inclure les marges dans le calcul comme ceci:

    var height = $("#carousel ul li").outerHeight(true);
    super réponse! vraiment sauvé ma vie!

    OriginalL'auteur smabbott

  2. 1

    Nope. la marge n'est pas pris en compte. la hauteur, la frontière et le rembourrage est.

    si votre li contient les éléments de bloc avec la marge qui est compté.

    OriginalL'auteur thomasmalt

  3. 0

    Essayer:

    var height = $("#carousel ul li").height();

    Ou:

    var height = $("#carousel ul li").css('height');

    OriginalL'auteur Sarfraz