盒子模型分为两类，一类是W3C盒子模型，另一类是IE盒子模型。两者最根本的区别在于，属性Height与Width这两个值是否包含padding与border。W3C盒子模型不包含padding与border，仅值内容和Height和Width，而IE盒子模型包含padding与border。

在jQuery中，可以通过jQuery.support.boxModel对象返回的属性值，确定是否是标准的W3C盒子模型，该方法返回一个布尔值，如果是true表示是W3C盒子模型，否则，则不是W3C盒子模型。

下面是检测页面是否是W3C盒子模型的示例：

<div></div> <script> $(function () { var boxModel = "您打开的页面是："; if ($.support.boxModel) { boxModel += "W3C盒子模型"; } else { boxModel += "IE盒子模型" } $("#tip").html(boxModel); }) </script>

 

·
·
·
·
·
·
·
·
·
·
·
·
·
·