我有一个以前从未遇到过的奇怪问题:当我将锚标记添加到 a <h1>
or<li>
元素中的文本时,文本会向下(在此元素内)移动几个像素。
添加锚点后,包含元素的填充和边距不会改变。
锚本身具有零填充和零边距。
<li>
实际上,在 Google Chrome 控制台中,我看不到包含或不包含“锚定”文本的元素之间的任何样式差异。然而,在将锚点应用到它之后,文本会向下移动一点。
作为额外检查,我在 Firefox 和 Google Chome 中查看了该页面(以防万一,禁用和禁用 JavaScript)但行为是持久的。
我在这里想念什么?
更新:我在这里创建了一个实时版本的框架,以便更清楚地展示问题。