【问题标题】: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 相关,但我不确定它来自哪里。

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

【问题讨论】:

  • .site-container{ 溢出:隐藏}
  • 只需将此添加到您的 css 中

标签: html css


【解决方案1】:

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

【讨论】:

  • 啊,就是这样,谢谢!我以为我已经从我的 CSS 中删除了它。必须已恢复到仍然存在的较早提交。
【解决方案2】:

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

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

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

【讨论】:

  • 感谢您的提示!下次这样可以节省我一些时间。
猜你喜欢
  • 1970-01-01
  • 2020-06-27
  • 2018-07-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多