请教一个前端的问题，一个inline-block的span 的 width的问题

[alibazz]

一个inline-block的span 的 width显示是708， 但是整个body的宽为595.另外，firefox f12选中该span，在页面上显示的蓝色框框中提示 span._._f5|177.18x8

感觉页面上蓝色框框提示的宽x高是正确的。 但是这个宽177的数据是怎么来的呢？

[Huaihuai120715]

记得上代码截图

[alibazz]

我贴张图吧，数据跟提的问题 不一致了，但是都是同样的问题。 从右边看 .-136 span的宽度是1416，而实际上左边的实际大小，浏览器提示说只有354.12？？ 这个是怎么来的呢

[winzond]

是否把伪元素合计在内？

[alibazz]

知道了， 后来查看到tm3的class属性是这样的 .m3 { transform: matrix(0.250000,0.000000,0.000000,0.250000,0,0); -ms-transform: matrix(0.250000,0.000000,0.000000,0.250000,0,0); -webkit-transform: matrix(0.250000,0.000000,0.000000,0.250000,0,0); 表明x，y轴都缩放到原来的1/4， 那么刚搞对应就是 1416/4 = 354, 708/4 = 177