我是网络开发的新手，主要是尝试自学如何使用网络教程等。我是一个完整的新手，所以这可能是一个愚蠢的问题，但我上下搜索谷歌，还没有找到答案。
基本上我的问题是，我在页面顶部创建了一个带有position: fixed;标题的网页。我调整了页面的边距，这样一切看起来都很棒。页面完全按照我的意图显示。
然而，我遇到了一个小缺陷，我发现自己无法修复：我在页面上有一些链接，链接到同一页面上其他地方的特定标题。 （例如，我有<section id="section_3">...</section>之类的元素，以及我正在使用<a href="#section_3">...</a>的同一页面上的其他位置。它可以工作并引导我到相应的标题，但遗憾的是{{1我链接到的元素（大部分只是部分标题）被页面顶部的固定标题覆盖，所以我必须向上滚动一点才能阅读标题标题。我已尝试链接到{ {1}}而不是<section>元素，认为它可能与html5或其他一些元素不兼容，但我也有同样的问题。
我想拥有它，以便当我按照这些ID链接时，节标题是标题下的第一个可见元素。我怎样才能做到这一点？我认为这是一个很常见的情况，它会有一个简单的解决方法，但我似乎无法找到关于这个主题的任何内容。 （我在使用html5或css3时没有任何问题。目前这只是一个个人项目，当我公开任何事情时，我预计在将来使用它们时会有任何问题。目前，它只需要在我的浏览器上工作。）
提前感谢任何可以提供帮助的人！
答案 0 :(得分：0)
您可以尝试将每个padding-top的{{1}}设置为等于section的高度。然后链接到每个header中的h1。这应该可以解决问题。
答案 1 :(得分：0)
只需添加@johnniebenson评论，就可以为相关部分添加这样的css。假设标题的高度为60px，并且您想在标题下面给出一些大约40px的空间，然后执行此操作。示例：#section_3:target{ padding-top: 100px;margin-top: -100px}