Question

我一直在努力，但我找不到原因。请访问www.kanionek.pl 如何摆脱标题和窗口顶部之间的差距？有.site：15px自动，但即使我把它减少到0，仍然有21px额外。希望你能帮忙。

我知道我可以使用负边距，但我想知道原因。标题的一部分：

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'dream' ); ?></a>

<header id="masthead" class="site-header" role="banner">
    <div class="site-branding">

模板的一部分：

<?php


get_header(); ?>

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">

    <?php while ( have_posts() ) : the_post(); ?>

css片段：

.site{
max-width: 960px;
margin: 15px auto;
   border: 2px solid #808080;
   border-radius: 10px;
overflow: hidden;}

页眉边距和填充设置为0没有帮助。正文填充和边距设置为0，唯一的迹线是当我将css body section line-height更改为“0”时，间隙消失了。

Answer 1

有些内容正在<body>标记后面添加zero width no-break space，强制将以下块显示<div>向下移动一行。可能是许多脚本中的一个。我无法说出什么，但你去了。

要查看它，请打开Firefox检查器，右键单击<body>标记，然后单击＆＃34;编辑为HTML＆＃34;。在标签之后（至少在我的Firefox中）有一个红点，它是该不可见字符的占位符。您可以将其复制并粘贴到可以告诉您代码点等的内容中。

Answer 2

我解决了这个问题 - 也许有一天它会对某人有所帮助。我找不到完全零宽度的char，但几乎可以确定它应该在header.php中，我打开它notepad ++并使用utf-8保存而没有BOM编码。

标题和正文之间存在奇怪的差距

2 个答案: