What are the differences between height and width in CSS between IE and other browsers

This article mainly explains "what are the differences between height and width in CSS in IE and other browsers". The explanation in this article is simple and clear, easy to learn and understand. Please follow the ideas of Xiaobian and go deep into it slowly to study and learn together "what are the differences between height and width in CSS in IE and other browsers"!

width=border-left+padding-left+ width +padding-right+border-right;

IE8 height=border-top+padding-top+ content height +padding-bottom+border-bottom;

width= content width specified by w3c;

w3c specified height= content height;

this may lead to different values of width or height obtained under different browsers. fortunately, jquery provides two other methods.

innerWidth():padding-left+ content width +padding-right;

outerWidth():border-left+padding-left+ contentWidth +padding-right+border-right;

outerWidth(true):margin-left+border-left+padding-left+ contentWidth +padding-right+border-right+margin-right;

Height is the same.

Thank you for reading, the above is "CSS height and width in IE and other browsers what are the differences" of the content, after the study of this article, I believe that we have a deeper understanding of CSS height and width in IE and other browsers What are the differences between this issue, the specific use of the situation also needs to be verified by practice. Here is, Xiaobian will push more articles related to knowledge points for everyone, welcome to pay attention!