对比下面两个图，左边是 IE8 的开发人员工具中的“布局”，右边是 Chrome 的开发人员工具中的“布局”。
可以看出：IE8 中指示的物件的大小是 154x24；Chrome 中指示的物件的大小是 150x20。IE8 中长和宽都多了 4 个像素。
那是不是说明物件在 IE8 和 Chrome 中显示出来就不一样大呢？
不是的，在 HTML 中，已经通过 div 制作出标尺（宽度加背景色），确定了我们要观察的两个物件在 IE8 和 Chrome 中的尺寸是一样的。
那为什么在开发人员工具中，IE8 中认为的宽度和宽度要大些呢？原来 IE8 中把边框加进去了，仔细观察发现边框是 2，加起来恰好是 4。
IE8 在这里沿用的是 IE5、IE6 的思想，宽度包括边框，纵然它在解释 CSS 时宽度和边框是分开的。真搞不懂 IE8 在这里为什么要这样设计，误导人，从布局的框架图来看，边框 2 是在 154x24 的外围，很容易让人认为 154x24 是不包括边框的。
个人认为有待改进。
