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中height和width在IE和其他浏览器中的区别图文详解到此结束。坚强的信心,能使平凡的人做出惊人的事业。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
如何解决chrome浏览器中input背景透明问题

让你的HTML5&CSS3网站在微软的浏览器中也能运行

css relative相对定位的top值在不同浏览器中如何使用javascript获取的差异

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

select在各浏览器中显示option的测试结果分享