JQuery确定css方框模子(盒模子Box Model)

　　做过前台配置的都知道css存在两种盒模子，W3C尺度的方框模子和IE赏识器的方框模子。除IE以外的大大都赏识器只支持W3C方框模子。IE赏识器可以或许按照页面的泛起模式的界说而是用对性的方框模式。已用哪中泛起的模式取决于页面上的DOCTYPE的声明。

　　假如页面包括有用的DOCTYPE声明，则以严酷模式泛起。

　　假如页面没有DOCTYPE声明或没有有用的DOCTYPE声明，则以兼容模式泛起。

　　下面将一个两种模式的区别，两种泛起模式的首要不同是对元素width和height样式的计较上。如下面的样式：

　　在W3C的严酷模式下，元素的内容表现的范畴是180*72px。内边距和边框在180*72像素的范畴之外。以是整个元素的包围面积是：width:180 + 10*2 + 5*2 = 210px，height:72 +10*2 + 5*2 =102px。

　　在IE的兼容模式下整个元素的包围面积为180*72像素。内容的巨细减小到宽度180 - 10*2 - 5*2=150px，高度72 - 10*2 - 5*2 =32px。

　　是用JQuery判定Box Modal的要领很简朴。是通过bool范例的$.boxModel符号。假如页面是用的是W3C尺度的模子，返回true.不然返回false。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!