CSS中height和width在IE和其他浏览器中有哪些区别

这篇文章主要讲解了“CSS中height和width在IE和其他浏览器中有哪些区别”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“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=内容高度;

CSS中height和width在IE和其他浏览器中有哪些区别 

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

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

CSS中height和width在IE和其他浏览器中有哪些区别 

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和其他浏览器中有哪些区别 

height同理

感谢各位的阅读,以上就是“CSS中height和width在IE和其他浏览器中有哪些区别”的内容了,经过本文的学习后,相信大家对CSS中height和width在IE和其他浏览器中有哪些区别这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


当前标题:CSS中height和width在IE和其他浏览器中有哪些区别
分享地址:http://azwzsj.com/article/pjcidd.html