网页页面里的两种盒子实体模型(W3C盒子实体模型

2021-03-21 03:36 jianzhan
网页页面盒子实体模型存在两种:

1:规范W3C盒子实体模型; 2:IE盒子实体模型(IE访问器默认设置的实体模型)。

在两种不一样实体模型网页页面里,界定了同样CSS特性的元素显示信息实际效果是不1样的,下面就用公式来区别这两种不一样的盒子实体模型。

1:规范W3C盒子实体模型

宽=width+(padding-left)+(padding-right)+(margin-left)+(margin-right)+(border-left)+(border-right)
高=height+(padding-top)+(padding-bottom)+(margin-top)+(margin-bottom)+(border-top)+(border-bottom)
 
2: IE盒子实体模型

宽=width+(border-left)+(border-right)
高=height+(border-top)+(border-bottom)
 
该实体模型是IE访问器默认设置的盒子实体模型,自然还可以对其开展变更