无法弄清楚是什么导致站点顶部的额外间距答案

【问题标题】：Cannot Figure out What is Causing Extra Spacing at the top of site无法弄清楚是什么导致站点顶部的额外间距
【发布时间】：2015-12-05 00:26:39
【问题描述】：

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

网址是：Broken spacing

我已经上下检查了这个东西，甚至做了一个并排的文件比较，但无法弄清楚是什么原因造成的。任何指针都会很棒。

【问题讨论】：

添加代码 sn-p 是一个很好的开始方式。

标签： html css wordpress spacing

【解决方案1】：

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>

这就是间距的来源。

【讨论】：

谢谢@pjumble 就是这样！我刚刚添加了一个 margin-top:-10px 并处理了它。

【解决方案2】：

我可以告诉你如何解决这个问题，但可能有人有时间查看你的样式表。但这是你可以做的。在样式表的某处添加：

CSS:

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

【讨论】：