在#page HTML链接的顶部添加空格

Question

当我有一个链接在同一页面中加载一个部分时，该链接将使该部分在浏览器窗口的顶部点击加载，我需要以某种方式添加类似于100px的空间/间隙这些部分是这样链接的。

关于如何做到这一点的任何想法？

The link to section
<a href="#page">Page</a>


The section
<a id="page"></a>

Answer 1

在你的CSS中只需将padding-top设置为100px（你需要某种形式的CSS选择器来仅定位'正确'的链接）：

a.someCssClassOrSelector {
  padding-top: 100px
}