CSS中height和width在IE和其他浏览器中的区别图文详解

【CSS中height和width在IE和其他浏览器中的区别图文详解】IE8的width=border-left padding-left 内容宽度 padding-right border-right;

IE8的height=border-top padding-top 内容高度 padding-bottom border-bottom;

w3c规定的width=内容宽度;

w3c规定的height=内容高度;


CSS中height和width在IE和其他浏览器中的区别图文详解




这样有可能导致不同浏览器下获取的width或height的值不同,幸好jquery提供了另外两个方法,

innerWidth():padding-left 内容宽度 padding-right;


CSS中height和width在IE和其他浏览器中的区别图文详解




outerWidth():border-left padding-left 内容宽度 padding-right border-right;

outerWidth(true):margin-left border-left padding-left 内容宽度 padding-right border-right margin-right;


CSS中height和width在IE和其他浏览器中的区别图文详解




height同理

    推荐阅读