首页 > 代码库 > jQuery中width、innerWidth、outerWidth的区别

jQuery中width、innerWidth、outerWidth的区别

原文:摘自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的位置的哦~

jQuery中width、innerWidth、outerWidth的区别