CSS中height和width在IE和其他浏览器中的区别
2014-05-12 15:40
573 查看
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同理
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和其他浏览器中的区别图文详解
- CSS中height和width在IE和其他浏览器中的区别图文详解
- <div+css页面布局课堂笔记>3---页面布局的盒子模型(IE与其他浏览器区别)
- 【浏览器】window.innerWidth/innerHeight (CSS像素) Viewport+滚动条
- firefox与IE对javascript和CSS的区别(浏览器兼容)
- html-firefox与IE对javascript和CSS的区别(浏览器兼容)
- splice()方法ie与其他浏览器的区别
- 【浏览器】document.documentElement.clientWidth/clientHeight 视口Viewport宽高(CSS像素)
- 标准模式中的 IE width 100% bug CSS设置height:"100%" CSS处理圆角
- 【浏览器】document.documentElement.offsetWidth/offsetHeight 页面宽高(CSS像素)
- js用来区别IE与其他浏览器及IE6-8之间的方法
- 在不同浏览器用不同css 解决IE和其他浏览器问题
- 关于jQuery通过ID获取元素时在IE7与IE其他版本以及其他浏览器的区别
- css IE下执行的样式,其他浏览器忽略
- IE事件处理程序与其他浏览器之区别
- 一个有用的区别IE不同浏览器CSS的标签
- IE与其他浏览器的区别
- js用来区别IE与其他浏览器以及IE6-8的方法
- IE和其他浏览器用JS新窗口打开的问题
- IE8 模拟其他浏览器标签 http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1"