重置定位HTML/CSS

我有个问题。我试图在我的网站背景中创建一个特殊效果，为此我使用了一些重叠的

div

。现在，包含内容本身的页面应该再次放置在此背景上。但是如果我将其设置为

position:absolute

并添加

top:0

，则页面不会再次居中，因为

margin:0 auto

与绝对位置不匹配

深灰色导航栏应位于站点顶部。我该怎么做？我现在真的很困惑。。。谢谢你的帮助

变化：

#hero-image {
    position: relative;

致：

---

更好的是，您最好将该图像作为

背景图像添加到
属性，而不是作为定位元素。
如果您需要在顶部添加导航栏，只需添加：
顶部：0
如果您将宽度作为绝对元素，您可以尝试应用下一个解决方案：

.divtagExample{
    left:0;
    right:0;
    width:300px;
    positon:absolute;
    margin:0 auto;
}

那样的话，它应该适合你

但是，如果您想使其垂直和水平居中，则只需将其扩展到
top:0
底部：0
将其与CSS的三个过渡组合起来，分别用于
宽度
和
高度
，效果会非常好

解释
您还可以通过以下链接了解这一点：




请将您的代码与源链接一起发布，以便我们能够更快地进行诊断。：）在“英雄图像容器”之前包含标题，很抱歉，我在您的链接上没有看到任何“深灰色导航”？“返回顶部”箭头。。没关系，我看到了，是的，改成“绝对”作为下面的答案。谢谢！我尝试了很多东西，但都很容易。。。我现在觉得有点傻…：D（我会接受这是正确的答案，让我这样做…）不用担心。这发生在我们当中最好的人身上。：）如果您继续使用，请考虑在您的问题中包括标记和CSS。这是一个标准/必需的实践，有些人会对缺乏这些标准的问题投否决票。我来看看。
.divtagExample{
    left:0;
    right:0;
    width:300px;
    positon:absolute;
    margin:0 auto;
}