当锚标记应用于元素时，元素内的文本向下移动

Question

我有一个以前从未遇到的奇怪问题：当我在<h1>或<li>元素中向文本添加锚标记时，文本向下移动（在此元素内）几个像素

添加锚点后，包含元素的填充和边距会不更改。

锚点本身没有填充和零边距。

实际上，在Google Chrome控制台中，我看不到包含“锚定”文本的<li>元素之间的任何样式差异。然而，在将锚点应用到文本后，文本会向下移动一点。

作为额外检查，我在Firefox和Google Chome中查看了该页面（禁用和禁用JavaScript，以防万一），但行为是持久性的。

我在这里缺少什么？

更新：我创建了框架here的LIVE版本，以便更清楚地证明问题。

Answer 1

它与链接从“重置”格式中获得的vertical-alignment:middle有关 - 在Firebug中关闭它（style.css中的第9行），您会发现文本处于开启状态在链接和菜单列表中的文本的同一行。

使用vertical-alignment覆盖菜单中a元素的top属性，或将这些链接设置为display:block。