Html 如何使标题粘贴到顶部？

我不知道如何将标题粘贴到顶部。我希望它填充顶部区域以及左右两侧。有CSS超级技能的人能帮忙吗

请注意，我仍然希望将表值保持在中间，并且我希望保持表填充。

#搜索输入{
宽度：100%；
}
#活动{
排名：0；
浮动：对；
边界：0无；
边界半径：3px；
盒影：0.5px1pRGBA（0,0,0,0.3）；
填充：20px；
利润率：2%；
位置：相对位置；
}
桌子{
边界塌陷：塌陷；
宽度：100%；
}

部门名称
Fotboll 4v4
0.3公里
布朗波尔
1.2公里
羽毛球2v2
1.5公里
格鲁普莫特
2.2公里

您的

Div Title

没有将整个宽度事件设置为100%，为什么？由于您的容器使用了填充，因此填充是内容到边框的空间，请查看此链接可能会有所帮助：

因此，我从容器中删除了您的

padding:20px

，并添加了一个类

.content

，以包装您的内容并在其中添加填充：

.content {
  padding: 0 20px 20px; 20px
}

现在，为您的div标题创建一个类，其中

边距顶部：0将使其保持顶部且
宽度：100%
现在可以计算容器的整个宽度。也可以使用
文本对齐：居中以使文本居中

.div-title {
  background: #0094ff;
  color: white;
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 0;
}


#搜索输入{
宽度：100%；
}
#活动{
排名：0；
浮动：对；
边界：0无；
边界半径：3px；
盒影：0.5px1pRGBA（0,0,0,0.3）；
位置：相对位置；
}
桌子{
边界塌陷：塌陷；
宽度：100%；
}
.分区名称{
背景：#0094ff；
颜色：白色；
宽度：100%；
位置：相对位置；
文本对齐：居中；
边际上限：0；
}
.内容{
填充：0 20px 20px；20px
}

部门名称
Fotboll 4v4
0.3公里
布朗波尔
1.2公里
羽毛球2v2
1.5公里
格鲁普莫特
2.2公里
使用位置：固定；关于你的#活动部门

若要在放置时将表保持在“中间”，可能需要将其从“活动”分区中取出。
您可以对
#activities
使用属性

#activities {
     padding-top: 0;
}

#activities h2 {
     margin-top: 0;
}

小心，它不是在中实现的。但是，对于不支持该属性的属性，可以使用

希望对您有所帮助；）
 嗯。。。如果我理解正确的话，你想让你的DIV始终保持在页面的顶部

尝试更改
位置：相对至<代码>位置：固定。
这可能会满足您的需要。
我认为您需要删除
正文的边距和填充，并将其添加到css文件中

body { padding:0;margin:0;}

或者只需将绝对位置添加到
活动
和
右侧：0

#activities { position:absolute;right:0;}

已经是顶级了？你想让它更高一点吗？@DanielH我在想它应该填满顶部（也在右边和左边）好的，检查我的最新答案@JesperI会解释给我一分钟@Jesperhm，是的，它修复了顶部距离，但它不会从左到右填充标题。@Jesper这可能需要
h2
的负边距。e、 g.
#activities h2{margin:0-20px auto；}
，或者用margin将其余内容包装在一个div中，并丢失周围div的填充