手机
当前位置:查字典教程网 >网页设计 > 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和其他浏览器中的区别图文详解】相关文章:

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

表单中Readonly和Disabled的区别详解

FireFox浏览器和IE浏览器下CSS的兼容问题

CSS中id和class的区别和用法

css在不同浏览器中的唯一标识以height属性为例

CSS样式表详解

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

CSS:使DIV 在浏览器窗口中水平垂直居中

为不同的浏览器载入不同CSS的二种方法

解决CSS浏览器兼容技巧

精品推荐
分类导航