jQuery outerHeight không hoạt động đúng cách?

Question

Link style: Mã

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

jQuery:

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

document.write(height); 

Và nó nói chiều cao của nguyên tố này là 302px! Tại sao? Nó có thể là 302 với biên giới, nhưng không nên hiển thị bên ngoàiHình ảnh 300 + 2 + 100 (cả hai lề trên và dưới là 50 px).

Tôi đang bối rối.

Cảm ơn.

Answer 1

By outerHeight mặc định() không bao gồm lợi nhuận. Chuyển giá trị đúng để bao gồm các lề trong tính toán như sau:

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

Answer 2

Không. lợi nhuận không được tính. chiều cao, đường viền và đệm là.

nếu li của bạn chứa các phần tử khối có lề được tính.

Answer 3

Hãy thử:

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

Hoặc:

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