查找并修复页面底部的巨大空白答案

【问题标题】：Finding and fixing giant white space at bottom of page查找并修复页面底部的巨大空白
【发布时间】：2018-12-28 08:08:33
【问题描述】：

在此页面https://fathercraft.soulheart.co/baby-essential-list/ 上，页面底部有一个巨大的空白区域。我找不到任何明显的原因，而且我没有在我的本地开发安装或网站的任何其他页面上得到它。

我使用 devtools 检查器查看了 DOM，但找不到任何可疑的东西。

我已经尝试了基本的* { border: 1px solid red; } 技术，但在我的网站正文下方似乎没有任何内容。那里只有一个巨大的空白空间。也许它可能与 JavaScript 相关，但我不确定它来自哪里。

我已经查看了所有建议的“可能已经有你答案的问题”，但它们没有帮助。感谢您提供的任何帮助。我在这里完全不知所措。

【问题讨论】：

标签： html css

【解决方案1】：

您在 .page-baby-essentials .accordion-content-section::before 中有一张图片 ./assets/images/rawpixel-604758-unsplash.png

【讨论】：

【解决方案2】：

快速追踪此类问题的一个好方法是使用浏览器的开发人员工具窗口（通常是 F12）删除 HTML 部分，直到问题消失为止。

您可以使用CTRL/CMD+Z 撤消删除，然后向下遍历树，删除其子级以定位它。

此外，如果您无法通过将鼠标悬停在某个元素上找到问题，那么它很可能是之前/之后的元素，因此您可以从那里开始。

【讨论】：