某页面body宽度较其他页面少约15px的原因排查求助

看起来这个问题的核心是局部页面的样式/结构错误影响了全局body的布局，而且这种影响没有在页面切换时被清除，结合你给出的HTML片段，我给你几个针对性的排查和修复方向：

1. 先定位样式篡改的源头 #

首先打开浏览器开发者工具（F12），做这几步：

• 选中body元素，查看「计算样式」面板，对比正常页面的body：看width是不是被改成了1068px？有没有额外的margin-left/right、padding-left/right导致整体宽度缩水？
• 定位到.torzs#articleGroup和.hirek这两个元素，检查它们的CSS：
  • 有没有设置overflow-x: hidden？有时候局部元素的溢出隐藏会强制浏览器调整全局视口宽度。
  • 有没有负边距（比如margin-left: -15px）？或者宽度设置成了calc(100% - 15px)这类值，导致容器挤压了body？
  • 有没有JS给这些元素或者body添加了内联样式？比如element.style.width = '1068px'，这种动态修改很容易残留。

2. 检查HTML结构是否错乱 #

你提到的代码片段里有div cla...，看起来是标签没写完——未闭合的HTML标签会让浏览器自动补全，可能导致整个页面的DOM结构错乱，进而引发布局计算异常。如果是单页应用，这种错乱的DOM甚至会残留到其他页面，导致偏移一直存在。

先补全这个div的class属性和闭合标签，再刷新页面看问题是否消失。

3. 修复全局样式残留问题 #

如果是页面切换后body的样式没被重置（比如单页应用场景），你需要：

• 找到修改body宽度的代码，确保在离开当前页面时，把body的样式重置回默认值：

  // 比如在页面卸载/组件销毁时执行
  document.body.style.width = ''; // 清空内联样式，恢复CSS默认值
  document.body.style.margin = '';
  

• 如果是CSS选择器太宽泛导致的全局影响，比如错误地写了：

  .hirek body {
    width: 1068px;
  }
  

  要把选择器改成仅针对当前页面的局部元素，比如.torzs#articleGroup .hirek，避免影响全局body。

4. 快速验证方案 #

你可以先在浏览器控制台执行这段代码，看页面偏移是否恢复：

document.body.style.width = '1085px';
document.body.style.margin = '0 auto'; // 如果其他页面是居中布局的话

如果恢复了，就确定是body的宽度被篡改了，顺着这个方向找修改源头就行。

内容的提问来源于stack exchange，提问作者iSpain17