网页里的两种盒子模型(W3C盒子模型、IE盒子模型)

ttx9n · 发表于 2013-9-8 12:55:56

网页里有两种盒子模型标准一是W3C盒子模型；二是IE盒子模型（IE浏览器默认的模型）下面就用公式来区分这两种不同的盒子模型 网页盒子模型存在两种：

1：标准W3C盒子模型； 2：IE盒子模型（IE浏览器默认的模型）。

在两种不同模型网页里，定义了相同CSS属性的元素显示效果是不一样的，下面就用公式来区分这两种不同的盒子模型。

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浏览器默认的盒子模型，当然也可以对其进行更改

.l4 · 发表于 2022-8-22 19:16:57

激动人心，无法言表！

0qfjyf · 发表于 2022-10-22 21:59:33

我找了挺久终于找到了

shijie798 · 发表于 2023-2-7 23:36:54

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

uj9lpc · 发表于 2023-4-7 18:42:57

管灌灌灌灌灌灌灌灌灌灌

gyalp · 发表于 2023-10-15 12:41:46

撒旦撒旦撒擦擦擦擦

回复用户1 · 发表于 2023-10-19 23:48:11

。。。。。。。。。。。。。。。

xf9hlg1 · 发表于 2024-4-13 08:37:48

啦啦啦啦啦德玛西亚

白狐软件 · 发表于 2024-6-17 21:32:17

啦啦啦啦啦啦啦啦！

95nd4ba · 发表于 2024-7-29 03:08:03

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

账号		自动登录	找回密码
密码			立即注册

[心得技巧] 网页里的两种盒子模型(W3C盒子模型、IE盒子模型)

相关帖子