在页面底部找到并修复巨大的空白

Question

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

我已使用devtools检查器浏览DOM，找不到任何可疑的东西。

我已经尝试了基本的jsonb技术，但是似乎没有任何内容出现在我的网站正文之下。那里只有巨大的空白。也许可能与JavaScript有关，但是我不确定它的来源。

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

Answer 1

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

Answer 2

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

您可以使用CTRL/CMD+Z撤消删除操作，然后遍历树，删除其子级以将其精确定位。

此外，如果您无法通过将鼠标悬停在某个元素上来查找问题，那么很有可能它是一个before / after元素，因此您可以从那里开始。