html - 单击主题标签超链接时，文本隐藏在 float 导航菜单下

我有一个词汇表页面的浮动水平导航菜单。单击主题标签超链接将我带到页面上的另一个定义时，<dt>部分隐藏在导航菜单下方。

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

请查看我的草图jsfiddle，然后单击突出显示的黄色超链接。

希望能对您有所帮助。谢谢！

最佳答案

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

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

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