CSS中height和width在IE和其他浏览器中的区别图文详解
2015-10-13 13:51
676 查看
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同理
相关文章推荐
- HTML 样式-CSS
- css3 calc()自适应布局属性 ---浏览器版本兼容性的问题
- 前端基础与CSS中的浮动
- border边框线透明
- css3伸缩布局属性总结
- CSS总览
- 12 个 CSS 高级技巧汇总
- css sprint 生成工具 bg2css
- 多个css文件合并到一个css中
- css 伪类::after ::beftor 的使用方式
- CSS无序列表创建的标准菜单效果代码
- 手机web——自适应网页设计(html/css控制)
- JS+CSS实现仿雅虎另类滑动门切换效果
- CSS书写规范、顺序
- JS+CSS实现仿雅虎另类滑动门切换效果
- CSS3 文本溢出截取
- 【转】CSS position绝对定位absolute relative
- HTML/CSS(五)margin padding border
- css中postion的fixed与absolute区别详解
- TextView自定义超链接样式