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同理



相关阅读:
Win8系统交换机如何设置?Win8系统设置交换机的方法
Android中简单调用图片、视频、音频、录音和拍照的方法
基于HTML模板和JSON数据的JavaScript交互(移动端)
jQuery实现的多屏图像图层切换效果实例
javascript根据像素点取位置示例
重装win7系统后开机提示inconsistent filesystem导致无法启动的故障分析及解决方法
AngularJS 使用 UI Router 实现表单向导
Backbone View 之间通信的三种方式
C#求n个数中最大值和最小值的方法
理解Java访问权限控制
Win7下手动安装apache2.2、php5.4笔记
js中this的用法实例分析
说明Java的传递与回调机制的代码示例分享
JavaScript的模块化开发框架Sea.js上手指南
快速导航

Copyright © 2016 phpStudy |