网站两页面出现横向滚动问题，寻求技术排查帮助

• 打开浏览器开发者工具（F12），切换到元素面板，启用「选择元素」功能，拖动页面横向滚动条，直接定位超出视口宽度的元素——这是最快锁定问题的方式，不用盲目猜测。
• 检查横幅图片及容器的样式：
  • 确认容器是否设置了overflow-x: hidden？若图片宽度没问题，但容器加了固定值的padding-right/margin-right（而非百分比），也会撑出空白区域。
  • 给图片同时设置width: 100%和max-width: 100%，排查是否存在min-width硬限制（比如min-width: 1200px），这类设置会在小屏幕上强制撑宽页面。
• 排查隐藏元素：用开发者工具强制显示所有元素（把opacity设为1），检查是否有绝对定位的弹窗、广告容器等不可见元素超出了视口范围。
• 检查全局样式冲突：对比异常页面和正常页面的CSS引入差异，看是否有额外的样式文件或内联代码覆盖了body { overflow-x: hidden; }这类全局设置。
• 临时移除横幅测试：把横幅图片及其容器注释掉，刷新页面看横向滚动是否消失。如果消失，就聚焦该模块的布局逻辑，比如父元素用了display: flex但没加flex-wrap: wrap，导致子元素强制不换行撑宽页面。

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