映射元素的Css问题

Question

在我的网站中，我按ID映射元素。它适用于除A以外的所有字母表字母，但是当我点击字母A时它不会分别对应各种元素请帮我解决这个问题。 http://dotmappersdesign.com/mclarenpress/glossary/

Answer 1

确实有效。对于A，以及其他。只是对其他字母有不止一个解释，所以效果不那么明显。例如，见B. B的第一个单词是＆＃34; Binding＆＃34;，但是点击这封信后你看到的第一个解释是＆＃34; Binding Margin＆＃34;。

这样做的原因是该链接将锚点放在屏幕顶部而不考虑您的固定标题，因此它会隐藏在其下方。

可能的纯CSS解决方案是填充和负边距的组合，以移动元素顶部边框，它将对齐到屏幕顶部，以弥补标题的高度。以下是适用于您网站的示例，但您应该使选择器更具体（#glossary p strong，或使用语义正确的description list）。

p strong {
    display: inline-block; /* Required for the margin/padding to have an effect */
    margin-top: -60px;
    padding: 60px 0 0;
}