首页 > 网站 > 网页设计 > 正文

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

2024-08-30 08:35:30

字体：大中小

来源：转载

供稿：网友

网页盒子模型存在两种：

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

上一篇：web前端网页开发一般过程简单认识

下一篇：css优化技巧自己实践心得

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注