手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS中height和width在IE和其他浏览器中的区别图文详解
CSS中height和width在IE和其他浏览器中的区别图文详解
摘要:IE8的width=border-left+padding-left+内容宽度+padding-right+border-right;IE8...

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和其他浏览器中的区别图文详解1

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

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

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

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和其他浏览器中的区别图文详解3

height同理

【CSS中height和width在IE和其他浏览器中的区别图文详解】相关文章:

表单中Readonly和Disabled的区别详解

不同浏览器兼容的CSS编码准则

CSS中使用counter()在列表中自动添加序号

CSS在IE与Firefox下的兼容性

css串联选择器和后代选择器使用方法

对CSS3选择器的研究(详解)

IE6,IE7等其它IE和firfox等标准浏览器css hack简单兼容方

CSS屏蔽Webkit浏览器input高亮和textarea缩放

CSS中样式覆盖优先顺序详解

SPAN和DIV的区别

精品推荐
分类导航