博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery中width、innerWidth、outerWidth的区别
阅读量:4627 次
发布时间:2019-06-09

本文共 441 字,大约阅读时间需要 1 分钟。

原文:摘自http://www.canaansky.com/blog/107/

在css的盒子模型中,最内部是content area,然后是padding、border、margin

那么width其实就是content area,

innerWidth = width + padding
outerWidth = innerWidth + border

不过,jQuery的outerWidth属性还可以传递一个参数,那么:

outerWidth(true) = outerWidth + margin

稍微有点基础的童鞋应该能很明了地看出来区别了吧。不过这个只是我简单测试的结果,没有做什么特别的测试。若有错误,请纠正。

同理,这个区别同样适用于height、innerHeight、outerHeight;而offset属性是计算到border的位置的哦~

转载于:https://www.cnblogs.com/10-8-2016-song/p/6075680.html

你可能感兴趣的文章
浏览器会缓存js文件
查看>>
django教程目录
查看>>
Atcoder&CodeForces杂题11.6
查看>>
iOS 的本地化使用和创建过程
查看>>
【设计模式】 模式PK:策略模式VS状态模式
查看>>
oracle 创建表空间
查看>>
h5在手机端实现简单复制
查看>>
java jdk中的归并排序实现
查看>>
原生ajax的post操作
查看>>
nodejs安装、配置及开发工具
查看>>
继承上机作业
查看>>
点击TableView任一行跳转详情页面会跳转两次的解决办法
查看>>
2017-02-20 注册.Net Framework4.0
查看>>
CDN -- 集合
查看>>
2N皇后问题
查看>>
每周算法讲堂 floyd
查看>>
OpenGL进阶(十三) - GLSL光照(Lighting)
查看>>
UE4_Lightmap
查看>>
stm32 cubemx hal 工程中 微秒延迟 delay_us
查看>>
读《人月神话》所感
查看>>