我如何让我的html内容滚动下我的标题元素

How do I have my html content scroll underneath my header elements?

本文关键字：我的 滚动 标题 元素 html      更新时间：2023-09-26

我有一个图像被用作标题在我的头元素，但其余的内容不流下面。这是我的CSS标题，

#header {
  left:0px;
  width:100%;
  top:0px;
  position:fixed;
}

标题的html代码，

<head>
<title>MyWebPage</title>
<img src="../../Pictures/header.jpg" id="header" />
...

这是html主体部分的基本CSS，

#main {
  background-color:rgb(0,0,0);
  margin-top:25px;
}

我不确定是否我必须添加任何样式的标题或正文有正文的内容滚动在标题下，当用户上下移动网页，因为内容滚动在标题上方。

首先，为什么要把图像放到head元素中?这可能吗?我不这么认为，你知道<header>吗?

z-index属性定义了哪些元素相互重叠/重叠，z-index越高，元素就越会位于层次结构的顶部。

设置> 会在最上面

有关z-index的更多信息，请查看MDN

相关文章：