Html 重叠css推送元素

嗨，伙计们，我有一个重叠的问题，这是一个完整的标题与背景图像，我有一些内容，也有一个按钮，但正在推出标题，我如何才能解决这个问题？ 我想做的是用一个有背景的完整头球，但我被困在这里了。 谢谢你的帮助

html，正文{
身高：100%；
填充：0；
保证金：0；
}
h1{
保证金：0；
}
.包裹{
保证金：0自动；
宽度：950px；
身高：100%；
}
标题{
背景：url（“https://unsplash.com/@Aidanjmeyer？照片=ckrUhWyTde8“；
背景尺寸：封面；
背景重复：无重复；
宽度：100%；
高度：100vh；
}
.文本{
文本对齐：居中；
位置：相对位置；
最高：50%；
}
.菜单{
填充顶部：30px；
}
.bar1、.bar2、.bar3{
宽度：35px；
高度：3倍；
背景色：#262626；
利润率：6px0；
}
.btn{
边框：1px纯水；
背景：透明；
字体大小：25px；
颜色：白色；
大纲：无；
}
#关于{
高度：300px；
宽度：100%；
}

杂志
布鲁克记者
接触

你想把按钮放在哪里？到底是什么问题？在我看来完全没问题：我把你的代码清理了一下（格式方面）。你可能有其他CSS影响它。我真的很想帮助你。然而，我不明白是什么错了。你能补充一些信息吗？