Question

见http://www.collegeanswerz.com/university-of-pittsburgh/social-life/kids/is-it-easy-to-make-friends。当您点击不同的问题时，我希望它链接到页面上方便的位置（灰色背景问题描述的正上方）。

有时候滚动得太远了。有时它会链接到匹兹堡大学的顶部，当它应该链接到实际（灰色概述）问题时。它实际上是在我的开发环境中工作，但不是在生产中工作。 <a id="top"></a>位于生产中的正确位置（我查看了查看源代码）。关于问题可能是什么的任何想法？

Answer 1

您不必添加额外的<a>元素。只需在灰色框中添加id属性（如id="top"），锚点就会跳转到该位置。

修改

为您的锚添加一个样式，将其置于所需的位置，如

#top {
    display:block;
    position:relative;
    top:130px;
}