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

Question

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

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

请参阅我的草图jsfiddle，然后点击黄色突出显示的超链接。

希望你能提供帮助。谢谢！

Answer 1

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

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

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

http://jsfiddle.net/bQ4kH/1/

Answer 2

根据@Brandon的解决方案，我定位了锚点：

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

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