DIV CSS 佈局教程網

盒子模型分為兩類，一類是W3C盒子模型，另一類是IE盒子模型。兩者最根本的區別在於，屬性Height與Width這兩個值是否包含padding與border。W3C盒子模型不包含padding與border，僅值內容和Height和Width，而IE盒子模型包含padding與border。

在jQuery中，可以通過jQuery.support.boxModel對象返回的屬性值，確定是否是標准的W3C盒子模型，該方法返回一個布爾值，如果是true表示是W3C盒子模型，否則，則不是W3C盒子模型。

下面是檢測頁面是否是W3C盒子模型的示例：

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