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

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;
}

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