Html 如何将页面顶部设置为顶部固定导航栏下方？_Html_Css_Navbar

Html 如何将页面顶部设置为顶部固定导航栏下方？

html css

Html 如何将页面顶部设置为顶部固定导航栏下方？,html,css,navbar,Html,Css,Navbar,如果你转到第页。然后单击侧导航栏，它会滚动到页面上的某个点。然而，我试图跳转到的部分的标题隐藏在固定导航栏后面。如何设置，使页面跳转到每个部分的标题都可见的位置？不要使用作为页边距底部将其添加到样式表中： body{ margin-top: 50px; } 或作为内联css： <body style="margin-top: 50px;"> ... 。。。然后，您可以从主要内容和侧边栏中删除占位符。您可以在章节标题的顶部添加一些填充，或者移动命名锚，如： a[na

如果你转到第页。

然后单击侧导航栏，它会滚动到页面上的某个点。然而，我试图跳转到的部分的标题隐藏在固定导航栏后面。如何设置，使页面跳转到每个部分的标题都可见的位置？

不要使用

作为页边距底部

将其添加到样式表中：

body{
    margin-top: 50px;
}

或作为内联css：

<body style="margin-top: 50px;"> ...

。。。

然后，您可以从主要内容和侧边栏中删除占位符。您可以在章节标题的顶部添加一些填充，或者移动命名锚，如：

a[name] {
  position: relative;
  top: -40px;
}

我想你说的是实施课堂教学。在正文中给出#（num）类名，并在导航栏中的链接中调用#（num），该链接将重定向到所需的位置。为什么在锚定标记中用name='1'代替href

这是错误的方法

<a name="1"></a>

在屏幕顶部提供一些余量

<div class="1">
    <h1>Computing Notes</h1>
</div>

<a href="#1">Fundamentals of computer systems</a>