页面锚点在固定的导航栏下

Question

我的页面顶部有一个固定的导航栏和标题。但我也设置了一些页面链接到特定部分。

现在，当我点击这些链接时，它会加载导航栏区域下方顶部的页面（这是我遇到的问题）。我希望它能够显示与导航栏齐平。 （这将是我的＆＃34;期望的行为，仅供参考。）

这是我的网站：

链接：http://project7.byethost22.com/classes.php#sectYouth

Answer 1

您可以使用:target伪类并将padding-top设置为浮动标题的高度，将margin-top设置为标题的负高度。 小代码片段：

#wrapper > section:target {
    padding-top: 100px;
    margin-top: -100px;
}