无法解释的页边距@页面顶部[关闭]

Posted 2023-03-06

【中文标题】无法解释的页边距@页面顶部[关闭]

【英文标题】：Unexplainable margin @ top of page [closed]

【发布时间】：2019-09-08 13:42:43

【问题描述】：

我在这个网站的页面顶部有一个奇怪的边距。奇怪的是它并不总是出现，但大多数时候它确实出现了。所以我猜这不是实际的边距或填充，但它可能是由其他原因引起的吗？

https://www.nederweert24.nl/ontdek-nederweert/

看起来像这样：

但应该是这样的：

PS：不是wordpress管理栏引起的，是退出后问题依旧。

【问题讨论】：

首先：meta.***.com/questions/254428/…其次：无法重现；您的意思是它只出现在特定的子页面上，还是有时显示有时不在同一页面上？ 折叠边距 如果它位于具有特定 html 结构且与其他页面不同的特定页面上（例如以 margin-top 作为第一个子元素的标题元素），那么通常会怀疑它。

我会先修复至少更严重的错误，validator.w3.org/nu/…

我无法重现这个错误，可能是由 WP 管理栏引起的，真的。看到这个：Preview

点击链接，会被 cookie 栏、推送通知消息和广告击中。啊，我出去了。

问题里应该有相关代码。我们不是来挖掘您的代码的。如果网站发生变化，这个问题就没有意义

【参考方案1】：

它实际上不是 wp 管理栏。我继续浏览页面并进行了探索。当我单击徽标时，我看到了您所说的问题并检查了它以查看导致它的原因。 我开始查看标题上方的内容并开始删除一些内容，直到我偶然发现修复了“边距”的内容。

只需点击图片，您就会看到它。我删除了这张我标记为红色的图像。然后头球又恢复了正常。我认为您的标题上方有很多东西是不必要的，因此会随机占用该空间。我希望你能找出这张图片的来源，因为我无法真正进入你的 wordpress ：p

【讨论】：

问题里应该有相关代码。无需挖掘链接网站

@SuperDJ 我可以理解从 wordpress 将代码放在这里有点困难，所以让他休息一下。我只是试图帮助他解决他的问题，并且 :) 如果您不同意，还有很多其他问题需要查看！

谢谢，不胜感激。 :)

【参考方案2】：

我认为您的header 保证金有问题。您只想在下面的 CSS 中更新。

减少.site-header 边距以向上移动徽标。

.site-header margin-top: 15px;

为您的.thrid-nav-menu 添加z-index 和top 间距。

.geodir-page .third-nav-menu 位置：绝对； 显示：块； 浮动：对； 文本对齐：右； z指数：999； 顶部：20px；