Html 单击标签超链接时，文本隐藏在浮动导航菜单下

我有一个浮动的水平导航菜单用于词汇表页面。当我点击一个标签超链接将我带到页面上的另一个定义时，

部分隐藏在导航菜单下

是否可以确保文本显示在浮动导航菜单下方

请查看我的草图并单击黄色突出显示的超链接

---

希望你能帮忙。谢谢

在javascript或不推荐使用的框架集之外，您可以执行以下操作：

<dt class="highlight" id='ccdcd'><div class='jump-to-able'></div>ccdcd</dt>

.jump-to-able {
    padding-top: 20px;
    margin-top: -20px;
}

ccdcd
.跳到能干的{
填充顶部：20px；
利润上限：-20px；
}

---

基于@Brandon I针对锚的解决方案：

div > a, dt > a {
padding-top: 22px;
margin-top: -22px;
}

---

这不需要任何额外的标记。

我用一个空的div替换了空的锚点，实际上更优雅的解决方案是使用javascript，这样就不会有不必要的元素弄乱标记；还有DT。谢谢你，我们越来越近了。基于您的解决方案，我尝试在原始标记中添加一个空div，这本身似乎可以解决这个问题。但是，我如何才能使

具有与

相同的属性，因为我不需要额外的标记。我尝试了

dt{display:block}

，但没有成功。请参阅我的更新：（）Hmmm…看来块级元素不应该嵌套在

中。我可以在锚上使用CSS

{padding top:20px；margin top:-20px；}

。这意味着我不必添加任何标记。谢谢你的帮助。它必须浮动吗？如果你把它的位置像导航一样固定在上面，你就不会有这个问题