标准盒模型
组成部分 margin border padding content(width/height)
实际宽度计算：margin+border+padding+width
怪异盒模型
组成部分 margin content(width/height/border/padding)
实际宽度计算：margin+width
相互转化
box-sizing:content-box/border-box
补充：怪异模式 --- IE下文档类型缺失时触发的一种模式
以上纯属个人看法 如有错误欢迎提出 我加以修改！