手机
当前位置:查字典教程网 >网页设计 > 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的position属性在DIV层中的应用

CSS中em和px的区别

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

CSS伪类对象before和after的用法实例详解

针对主流浏览器的CSS-HACK写法及IE常用条件注释

用CSS设置表格边框的语法详解

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

SPAN和DIV的区别

CSS对浏览器的兼容性性处理(IE7,6与Fireofx)

彻底清除浏览器js和css缓存的方法

精品推荐
分类导航