标准盒模型和IE盒模型
1、标准盒子模型（Standard Box Model）标准盒子模型是CSS的默认盒子模型。在标准盒子模型中，一个元素的总宽度（width）和总高度（height）由内容区域（content）、内边距（padding）、边框（border）组成。
2、概念： ie 盒子模型的范围包括 margin、border、padding、content，和标准 w3c 盒子模型不同的是：ie 盒子模型的 content 部分包含了 border 和 pading。
3、盒模型是CSS中重要的一个概念，但是在以前IE5以及更早的IE浏览用的不是标准盒模型，我们称之为IE盒模型。
4、标准模式和怪异模式 区别 盒模型 在怪异模式下，浏览器的盒模型为IE盒模型；而在标准模式下。浏览器的盒模型则为标准盒模型。二者的区别在于对元素宽高的计算不一样。
5、下面的图片说明了盒子模型(Box Model)：转自 链接 盒子模型有两种，分别是W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。
6、盒子模型有两种，W3C和IE盒子模型（padding-border-margin模型）从直观上而言，margin用于控制块与块之间的距离。
CSSDIV写盒子模型图
css盒子模型概念CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
如图所示。每一个矩形框就是一个盒子，即div包裹的元素。布局的一般写法，从上到下，从左到右进行排版布局。
IE盒子模型)模型的计算 如图可见添加了怪异盒的div盒子宽度变小了。标准的盒子模型的大小是：content(区域内容大小)+margin(外边距)；注：怪异盒子的初始设置宽高大小包含padding、border大小在内，但不包含margin的大小。
设置盒子模型的右边框为2px、实线、红色
border-style： solid；} 此外，我们还可以同时设置边框的宽度和颜色。
新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
margin：1px 2px 3px 4px( 顺时针 ) 常用功能： 盒子水平居中 可以让一个盒子实现水平居中，需要满足一下两个条件： 块级元素和盒子必须指定宽度(width) 左右的外边距都设置为auto，就可使块级元素水平居中。
如何在VSCode解决办法可以设置div的box-sizing:border-box(盒模型)~
最佳方案：由于box-sizing的兼容性在ie8及以上，那在不要求兼容ie8一下的项目中，可以使用box-sizing给所有元素统一设置盒子模型的表现形式。
box-sizing（盒子模型）：控制元素的盒子模型计算方式。可以设置为 content-box（默认，宽度和高度不包括边框和内边距）或 border-box（宽度和高度包括边框和内边距）。 display（显示方式）：控制元素的显示方式。
语法box-sizing： content-box|border-box|inherit；值content-box 这是由 CSS1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。
box-sizing值为content-box时：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框。
html标准盒子模型代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html标准盒子模型代码在哪、html标准盒子模型代码的信息别忘了在本站进行查找喔。