标准模型和IE模型的区别

今天实际操作时候，突然很疑惑，每一个块的width到底指的是什么。

我以前学过，但是忘记了。

width是指内容的宽度

可以设置box-sizing：border-box；设置为IE盒子模型，来避免盒子被padding撑破

box-sizing：

在CSS中盒模型被分为两种，第一种是w3c的标准模型，另一种是IE的传统模型，它们相同之处都是对元素计算尺寸的模型，具体说不是对元素的width、height、padding和border以及元素实际尺寸的计算关系，它们不同之处是两者的计算方法不一致，原则上来说盒模型是分得很细的，这里所看到的主要是外盒模型和内盒模型，如下面计算公式所示：

W3C标准盒模型

外盒尺寸计算（元素空间尺寸）element空间高度＝内容高度＋内距＋边框＋外距element空间宽度＝内容宽度＋内距＋边框＋外距内盒尺寸计算（元素大小）element高度＝内容高度＋内距＋边框（height为内容高度）element宽度＝内容宽度＋内距＋边框（width为内容宽度）

2.IE传统下盒模型（IE6以下，不包含IE6版本或”QuirksMode下IE5.5+”）

外盒尺寸计算（元素空间尺寸）element空间高度＝内容高度＋外距（height包含了元素内容宽度、边框、内距）element宽间宽度＝内容宽度＋外距（width包含了元素内容宽度、边框、内距）内盒尺寸计算（元素大小）element高度＝内容高度（height包含了元素内容宽度、边框、内距）element宽度＝内容宽度（width包含了元素内容宽度、边框、内距）

标准模型和IE模型的区别相关推荐

标称型和数值型的区别
在监督学习(supervised learning)的过程中,只需要给定输入样本集,机器就可以从中推演出指定目标变量的可能结果.监督学习相对比较简单,机器只需从输入数据中预测合适的模型,并从中计算出目 ...
数据仓库的星型模型和雪花模型的区别以及优缺点
数据仓库的星型模型和雪花模型星型模型星型模型是维度模型最简单的形式,也是数据仓库以及数据集市开发中使用最广泛的形式. 星型模式由事实表和维度表组成,一个星型模式中可以有一个或多个事实表,每个事实表 ...
Actor模型和CSP模型的区别
Akka/Erlang的actor模型与Go语言的协程Goroutine与通道Channel代表的CSP(Communicating Sequential Processes)模型有什么区别呢? 首先 ...
高速互联仿真-Spice模型和IBIS模型的区别
Spice模型的特点总结. Spice模型是进行电路级仿真的.电流,电压,电容等节点的具体参数是从元器件图形.材料特性得来,是建立在低级数据的基础上,每个BUFFER中的元器件分别被描述和仿真. 仿真 ...
软件测试V模型和W模型的区别
一:V模型 V模型的优缺点(测试重点) (1)优点: 包含了底层测试(单元测试)和高层测试(系统测试): 清楚的标识了开发和测试的各个阶段: 自上而下逐步求精,每个阶段分工明确,便于整体项目的把控. ...
Logit模型和Logistic模型的区别
别人已经写好了,保存一下! https://zhuanlan.zhihu.com/p/30659982
标称型和数值型（连续型）的区别
在监督学习(supervised learning)的过程中,只需要给定输入样本集,机器就可以从中推演出指定目标变量的可能结果.监督学习相对比较简单,机器只需从输入数据中预测合适的模型,并从中计算出目 ...
ologit模型与logit_Logit模型和Logistic模型有什么区别？
之前在<Logit究竟是个啥?--离散选择模型之三>一文中提过,Logit应该理解成Log-it,这里的it指的是Odds("胜率",等于P/1-P).一个Logit变 ...
基于 OData 模型和 JSON 模型的 SAP UI5 表格控件行项目的添加和删除实现
这是 Jerry 2021 年的第 62 篇文章,也是汪子熙公众号总共第 339 篇原创文章. 龟虽寿曹操神龟虽寿,犹有竟时:腾蛇乘雾,终为土灰.老骥伏枥,志在千里:烈士暮年,壮心不已.盈缩之期,不但 ...
Reactor模型和Proactor模型：同步IO与异步IO
Table of Contents 服务端的线程模型 2种fd 3种事件 Reactor模型-同步I/O 1.单Reactor单线程模型 2.单Reactor多线程模型 3.主从Reactor多线程模 ...

标准模型和IE模型的区别

标准模型和IE模型的区别相关推荐

最新文章

热门文章