jQuery बाहरी हाइट ठीक से काम नहीं करता है?

Question

लिंक शैली:

#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); 

और यह कहते हैं तत्व की ऊंचाई 302px है! क्यूं कर? यह सीमाओं के साथ शायद 302 हो सकता है, लेकिन बाहरी नहीं होना चाहिए 300 + 2 + 100 दिखाएं (दोनों शीर्ष और निचले मार्जिन 50 पीएक्स हैं)।

मैं उलझन में हूं।

धन्यवाद।

Answer 1

डिफ़ॉल्ट outerHeight तक() मार्जिन शामिल नहीं है। इस तरह की गणना में मार्जिन शामिल करने के लिए सही पास करें:

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

Answer 2

नहीं। मार्जिन गिना नहीं जाता है। ऊंचाई, सीमा और पैडिंग है।

यदि आपके ली में मार्जिन वाले ब्लॉक तत्व हैं, हालांकि गिना जाता है।

Answer 3

प्रयास करें:

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

या:

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