css盒子模型有几种

CSS 框模板非常重要。

标准模板是默认的。
宽度=内容宽度+左右内边距+左右边框宽度。
高度 = 内容高度 + 顶部和底部内边距 + 顶部和底部边框的宽度。

IE模型是旧版本。
宽度=内容宽度+左右内边距+左右边框宽度。
高度 = 内容高度 + 顶部和底部内边距 + 顶部和底部边框的宽度。

浏览器现在默认使用标准模板。
如果想使用IE模板，只需设置box sizing：border-box;即可。

例如，当我在 2 02 3 年编写代码时。
宽度为 2 00px、内边距为 1 0px、边框为 5 px 的 div。

在标准模板中，有效宽度为2 2 0 px。
border-box下，实际宽度仍然是2 00px。

不确定这部分。
不要紧。

什么是css盒子模式（框模型）