标准盒模型在标准模型中。 如果在框中设置width和height，则实际上设置的是content box。 填充和边框根据设置的宽度和高度决定整个箱子的大小。 请参照下图。
假设定义了width、height、margin、border、and padding:
. box { width: 350px； height: 150px； margin: 25px； padding: 25px； border : 5px固态黑； }如果使用标准模型的宽度，即顶部. box的实际长度和高度=410px(35025255 )、高度=210 px (1502525 )，请在填充中添加边框和content box。
IE盒模型的默认浏览器使用标准模型。 如果需要使用IE盒模型，可以通过设置box-sizing: border-box来实现。 在此模型中，所有宽度都是可显示的宽度，因此内容的宽度等于其宽度减去边框和填充部分。 也就是说，设置的宽度、高度将更改框的宽度高度。 例如，以下情况：
. box { width: 350px； height: 150px； margin: 25px； padding: 25px； border : 5px固态黑； 盒尺寸： border-box； } width=350px，height=150px
和标准盒子模型不同的是，IE盒子模型的content部分包含了padding和border