本文记录了解决 WordPress 归档页移动端横向滚动条与 Google AdSense 报错 availableWidth=0 的排查过程。经过对 CSS 和广告代码的多次尝试，发现两者无法同时修复。最终将侧边栏的 Gutenberg 区块结构从 Stack 替换为 Group，成功消除了报错和滚动条，使广告无需固定宽度即可正常加载，并恢复了侧边栏的布局自然间距。
本文记录了博客页面出现横向滚动条的排查过程。作者通过浏览器开发者工具锁定超宽元素，排除了CSS和图片问题，最终发现原因是Gutenberg区块中的Group（组）被设置为全幅，与主题布局产生兼容性冲突。将其调整为默认对齐宽度后，滚动条消失。文章总结了先定位超宽元素、再检查区块设置、最后考虑CSS的排查流程。
👨💻 个人品牌
王世强｜PHP / Go 技术顾问
15+ 年 Web 后端开发经验，专注于系统维护、架构优化、性能调优及 Linux 运维。
持续运营技术博客 10+ 年，累计发布 1000+ 篇原创技术文章。
为创业团队、中小企业及独立开发者提供长期技术支持与远程合作服务。
.env (14) 404 (13) add (16) AI 翻译 (15) Apache (13) Array (19) Cache (13) CentOS (23) chrome (19) Cloudflare (26) composer (42) composer.json (22) composer install (13) composer update (14) console (16) Container (25) curl (15) delete (31) Docker (32) Dockerfile (15) ECS (12) EdgeOne (23) environment variable (19) error (24) Failed (13) file (15) filter (20) function (13) Git (27) GitHub (17) Gitlab (15) Go (38) Google AdSense (21) GraphQL (24) GraphQL API (14) Gutenberg (28) http (21) https (21) Interface (19) Jenkins (12) Jquery (13) json (24) Laravel (37) Laravel 6 (55) Laravel 9 (25) Lighthouse (17) Lighthouse 5 (14) Linux (21) Migrate (13) Module (17) MySQL (78) MySQL 5.7 (21) Nginx (56) Node.js (12) normalize.css (28) OKX (15) OneinStack (17) PHP (67) php-fpm (17) php.ini (24) PHP 7.1.12 (22) PHP 7.4 (26) phpmyadmin (15) PhpStorm (24) Polylang (57) postman (18) Query (17) queue (16) Rancher (24) Redis (48) response (13) RESTful (27) RESTful API (23) rules (12) Shell (13) Shopify (19) SlyTranslate (18) SQL (24) String (14) TortoiseGit (14) Twenty Twenty-Five (19) Ubuntu (40) update (20) VPN (17) VS Code (13) W3 Total Cache (35) Windows 10 (46) WireGuard (26) WordPress (113) WordPress 多语言 (13) WPCode (20) Wstunnel (13) Yii (40) Yii 2 (70) Yii 2.0 (51) 命令行 (13) 技术博客 (15) 数据库迁移 (16) 浏览器 (14) 阿里云 (19)
