css - 主菜单问题的定位

Question

一段时间以来，我在网站 (www.dialogue-c.org) 上的主菜单从它应该位于的位置向下拖了一点。我试图弄清楚发生了什么，最后得到了这段代码:

<div id="topnav">
 <div class="topnav-inner">
  <div class="topnav">
   "
            "
   <!-- debut Maximenu CK, par cedric keiflin sur http://www.joomlack.fr -->

如果我删除引号中的空行 - 菜单返回，我应该如何解决这个问题？如果您访问该站点，并在单击鼠标右键后点击“检查元素”，您将看到这段代码(如果在该段的属性中更改字体大小 - 菜单也会返回)

Answer 1

问题是，就在该 html 注释之前，您有 Unicode 字符“零宽度不间断空格”(U+FEFF)。

根据您的编辑器，您可能看不到它(因为它是零宽度)。只需使用显示它的文本编辑器(例如 Notepad++)并将其删除。

^{另见 Why is  appearing in my HTML?}

或者，您可以在服务器端包含文件中的菜单。使用“UTF-8 without BOM”编码而不只是“UTF-8”将解决问题。

^{另见 How to avoid echoing character 65279 in php? (This question also relates to Javascript xmlhttp.responseText (ajax))}