为什么CSS transform: translate(-160px) 实际测量结果为240px？

Question

代码和效果一致，但测量结果不同：

1. 我用老师制作的成品网页测量)，偏移设置为 transform: translate(-160px)，和老师视频的代码和效果是一样。
2. 老师在网页上用测量工具测量的水平偏移在 160px左右，但我用同样的网页（无缩放，100%）测量的水平偏移却是 240px左右。

问题：为什么 160px 的代码偏移效果，我测量出的实际距离却显示为 240px？

补充材料

1. 以下是课程中演示的网页截图和我的测量工具测量截图：

   • 老师测量结果截图：160px左右
     

   • 我的测量结果截图：240px左右
     

     代码附件

     onedrive代码附件下载
     我换过各种截图软件都差不多 还有pxcook测量过都是240px左右