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

来自stackoverflow



简而言之,ie和w3c标准不统一,它们对css中width有不同理解。height同理,直接上图:
css border-box与content-box的不同点_第1张图片
对width的理解

css border-box与content-box的不同点_第2张图片
造成的差异


后记

提一下容易混肴的几个量度:
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

你可能感兴趣的:(css border-box与content-box的不同点)