页面在 1440 宽下出现横向滚动，怎么排查？

示例读者B

站点在 1440 宽度下浏览时，页面底部会出现横向滚动条，缩到 1280 反而正常。看起来是某个区块比容器宽了一点点。

已经试过：把图片改成百分比宽度、检查表格有没有固定宽度、给主容器加了 overflow 隐藏。前两项有效果，但横向滚动仍然存在，最后一项会让内容被裁掉，不敢用。

想请教有没有更系统的排查方法，能直接定位到具体元素。

admin

可以在控制台里临时给所有元素加 outline，快速看出哪个盒子超出了容器。

示例读者C

还有一种可能是负 margin 或绝对定位的元素溢出，这类不容易一眼看到。

示例读者A

建议先用一段临时样式标出所有超出父容器的元素，定位完再删掉。