盒模型IE5.5及更早版本使用IE盒模型。IE6及以上版本在标准兼容模式下使用W3C盒子模型标准。盒子模型由：margin、border、padding、content组成。CSS盒模型分为：标准W3C盒模型、IE盒模型。两者最大的区别在于css的宽高的大小设置。下面说的宽高都是css中的宽高。IE盒模型width=contentWidth+padding-left+padding-right+border-left+border-rightIE盒模型height=contentHeight+padding-top+padding-bottom+border-top+border-bottom表示宽度的大小IE框的高度是上述属性的最大和。如果内容大小、填充大小和边框大小的总和大于CSS设置的宽度和高度。比如增加paddingwidth，让box的宽度大于设置的width，会压缩content的尺寸，最后content的尺寸会变成0，box的总宽度会大于setwidthsize。#ie_box{边距：30px；宽度：200px；高度：200px；背景颜色：浓汤；-webkit-box-sizing：边框框；-moz-box-sizing：边框框；框大小：边框框；填充：10px；边框：5px实心棕色；}标准W3盒模型W3盒模型width=contentWidthW3盒模型height=contentHeightW3盒模型尺寸计算简单很多，css设置的宽高就是内容尺寸。padding和border的大小不会影响内容的大小。undefined
