标准盒模型于ie盒模型的区别

标准盒模型和IE盒模型是CSS中的两种盒模型，它们的主要区别在于计算宽度和高度的方式不同。

标准盒模型（content-box）：宽度和高度只包括内容区域，不包括边框和内边距。这是CSS的默认行为。

IE盒模型（border-box）：宽度和高度包括内容区域、边框和内边距。在IE8及以前的版本中，这是CSS的默认行为。

举例来说，假设有一个div元素，宽度设置为200px，边框为10px，内边距为20px。使用标准盒模型和IE盒模型时，计算的宽度和高度如下：

标准盒模型： 宽度 = 200px + 2 * 10px + 2 * 20px = 260px 高度 = 指定的高度

IE盒模型： 宽度 = 200px 高度 = 指定的高度