jQuery.boxModel

pangfeng134300

于 2012-06-13 17:08:39 发布

阅读量396

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： ie c

3 篇文章

订阅专栏

本文详细介绍了jQuery盒模型属性如何帮助开发者在不同浏览器中实现一致的布局效果，通过jQuery.boxModel属性区分IE传统模型与W3C标准模型，并解释了尺寸封装接口是如何统一两种盒模型差异的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两种盒模型

l IE传统模型：width和height属性包括内边距和边框宽度

l W3C标准模型：width和height属性不包含边距和边框宽度

jQuery.boxModel

jQuery提供了boxModel属性，jQuery.boxModel为true时，表示支持W3C盒模型，false表示支持IE传统盒模型。

尺寸封装

jQueryn封装了这两种盒模型的差异，统一为W3C标准模型，并提供了修正后的接口：

接口	计算公式
width, height	content
innerWidth, innerHeight	content+padding
outerWidth, outerHeight	content+padding+border+可选的margin