自定义页面标题之间的间隙答案

【问题标题】：Gap between header in custom page自定义页面标题之间的间隙
【发布时间】：2013-07-21 12:12:54
【问题描述】：

我遇到了一个非常有趣的问题。我今天刚刚开始创建一个 wordpress 主题，一切都很好，直到我创建一个自定义页面。无论如何，我创建了这个“主页”页面，然后通过控制面板链接到我定制的“首页”模板。然后我意识到标题和浏览器栏之间存在差距。

这里是 ss：http://i43.tinypic.com/2q2o13b.png 间隙大约是：15px。只有当我将我的页面链接到自定义页面时才会发生这种情况。（并且自定义页面的代码与默认页面相同）

但是，让我们看起来像普通页面。没有任何联系。默认模板。

没问题。

其实我尝试在body标签中实现margin-top:-8px。主页已修复此问题，但这次正常页面已损坏：/

伙计们，我真的需要你们的帮助，否则我头上的头发都没有。对不起，我的英语不好顺便说一句。希望你能理解我的问题。

PS：

css 文件：http://snipt.org/embed/ALje3 默认页面文件：http://snipt.org/ALjf1 自定义页面文件（首页）：http://snipt.org/ALjg6，现在与默认页面相同，只是我将其添加到前 4-5 行

哦，我还尝试禁用管理栏，检查我的标签等。

【问题讨论】：

meta.stackexchange.com/questions/125997/…
把链接放到真实页面——使用firebug（在forefox中）找到东西会更容易。顺便说一句：大多数浏览器的 html 和正文都有 8px 的边距，所以大多数页面使用html, body { margin: 0 } 作为第一条规则 - 请参阅CSS Reset。有时内部元素边距超出外部元素，您会得到奇怪的边距。有时编辑器使用BOM 将文件保存在utf-8 中，你也会得到奇怪的边距，
jsFiddle 上的一些示例 - H1 边距超出 div。在示例中使用h1 { margin: 0; } 或div { overflow: auto; } 来查看差异。
您的 ss1 和 ss2 链接已损坏。
@furas 我尝试了你的建议，但它不起作用。这是我的主题的现场版，你可以在这里查看：testdeneme123.net46.net/wordpress

【解决方案1】：

我将您的页面下载到文件并在浏览器中打开该文件，我在左上角看到字符 ďťż。

这意味着您的编辑器使用 UTF-8 和 BOM 保存文件。 BOM (Byte Order Mark) 是文件开头的几个字节，带有供编辑器使用的信息。您在编辑器中看不到它。浏览器有时会将该字节显示为ďťż，但有时它会在该位置使用空格字符 - 这会给您带来意想不到的余量。

如果您的编辑器没有 Save in UTF-8 without BOM 或 Convert to UTF-8 without BOM（或类似的），您必须更改编辑器 - 例如 Notepad++ (Windows) 或 Geany (Windows、Linux)

【讨论】：