有关于盒模型

W3C Box Model 元素框宽

内容 + padding + margin

例如元素框宽为 100px, margin 10px padding 10px border 1px 则

10+10 +10 + 10 +2 + 58(内容)

IE5 6 的盒子模型
当为元素设置了width时 那么 此时padding + border + margin + content为width值

css3 中引入了box-sizing 属性默认content-box 此时解释为W3C模型
当box-sizing: border-box则解释为IE5 6的模型