无法弄清楚是什么导致网站顶部出现额外间距

Question

我一直在梳理这个网站上的代码，但我无法弄清楚是什么导致了网站顶部显示的额外间距。在顶部的米色条之前有一点 10px 的白色 space，我需要去掉它。在主页上它不存在。

我上下检查了这件事，甚至进行了并排文件比较，但无法弄清楚是什么原因造成的。任何指针都会很棒。

Answer 1

我可以告诉您如何删除它，但外面可能有人有时间查看您的样式表..但这是您可以做的。在您的样式表的某处添加：

CSS:

body {
    position: relative;
    top: -10px;
}

Answer 2

ABG Rich Pins 扩展正在 <head> 内添加 <div> 标签，这是具有未定义行为的无效标记。

<head>
...
<div class="abg_rp_movie_div">
<!-- ABG Rich Pins by Antonio Borrero Granell 1.1 -->
<meta property="og:site_name" content="Scaling Back">
<div itemscope="" itemtype="http://schema.org/Movie">
<meta itemprop="url" content="http://www.scalingbackblog.com/savory-bites/butternut-squash-noodles-with-creamy-miso-tahini-sauce/">
<h1 itemprop="name"></h1>
<span itemprop="description"></span>
<div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue"></span>
<span itemprop="bestRating"></span>
</div>
<meta itemprop="datePublished" content="">
<meta itemprop="contentRating" content="G">
</div>
<!-- /ABG Rich Pins -->
</div>
...
</head>

这就是间距的来源。

无法弄清楚是什么导致网站顶部出现额外间距

Cannot Figure out What is Causing Extra Spacing at the top of site

html

css

wordpress

spacing