您现在的位置是：网站首页> 编程资料编程资料

CSS中height和width在IE和其他浏览器中的区别图文详解css行内元素padding,margin,width,height没有变化IE6不支持CSS中的min-width/height属性问题的解决方法

2021-09-06 1020人已围观

简介这篇文章主要介绍了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=内容高度;

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

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

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

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

height同理

上一篇：浏览器对于CSS不同类中的同属性不同值优先级问题浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理对常见的css属性进行浏览器兼容性总结(推荐)

下一篇：CSS clear属性给float带来哪些影响详解css中的float深入理解和应用css中Float属性CSS重要属性之float学习心得(分享)css(display,float,position)深入理解老生常谈css中float的用法CSS使用float属性设置浮动元素的实例教程CSS基础知识之float详解理解CSS浮动float、定位positionCSS之float在IE浏览器下换行问题解决方法css浮动(float/clear)使用讲解

您现在的位置是：网站首页> 编程资料编程资料

CSS中height和width在IE和其他浏览器中的区别图文详解css行内元素padding,margin,width,height没有变化IE6不支持CSS中的min-width/height属性问题的解决方法

相关内容

点击排行

本栏推荐

猜你喜欢