H1标签不再显示在页面主体上。

要解决H1标签不在页面主体上显示的问题，可以使用CSS样式来控制H1标签的显示位置。

方法1：使用CSS的position属性将H1标签的位置固定在页面的其他位置，而不是在页面主体上。

HTML代码示例：

<div class="header">
  <h1>标题</h1>
</div>
<div class="main">
  <!-- 页面主体内容 -->
</div>

CSS代码示例：

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f0f0f0;
  padding: 10px;
}

.main {
  margin-top: 50px; /* 保证主体内容不被标题遮挡 */
}

方法2：使用CSS的float属性将H1标签浮动到页面的其他位置，而不是在页面主体上。

HTML代码示例：

<div class="header">
  <h1>标题</h1>
</div>
<div class="main">
  <!-- 页面主体内容 -->
</div>

CSS代码示例：

.header {
  float: left;
  width: 100%;
  background-color: #f0f0f0;
  padding: 10px;
}

.main {
  clear: both; /* 清除浮动的影响，确保主体内容不被标题遮挡 */
}

这两种方法都可以将H1标签显示在页面的其他位置，而不是在页面主体上。你可以根据实际的需求选择其中一种方法来解决问题。