css border-box与content-box的不同点

来自stackoverflow

---

简而言之，ie和w3c标准不统一，它们对css中width有不同理解。height同理，直接上图：
对width的理解 造成的差异

---

后记

提一下容易混肴的几个量度:
css的left、margin-left、width；js元素对象属性的offsetWidth、clientWidth；js中event对象的offsetX, clientX, pageX, screenX, layerX。
可以参考下我翻译的另外几篇：
css border-box与content-box的不同点
js event的各个坐标属性
js 元素的client/offsetwidth和client/offsetleft相关属性
上面3篇有些凌乱分散，有能力的直接阅读这篇：Element size and scrolling