相同ID的Div重叠

Question

我的页面上有两个div，并且给了他们“nav”类。

这是我的CSS：

.nav {
 border-radius: 1em;
 background-color: #0000BB;
 color: white;
 padding: 1em;
 position: absolute;//Fits size to content.
 margin: 1em;   
 left: 50%;
 transform: translate(-50%);
 display: block
}

我希望这两个具有相同格式的div按照它们出现在我的HTML中的顺序一个接一个地出现，但是，出于某种原因，它们直接出现在另一个之上。不应该“display：block”属性阻止这种情况发生吗？

编辑：从ID更新CSS到班级。

Answer 1

问题是你正在使用属性＆＃34;位置：绝对＆＃34;，这意味着＆＃34;显示＆＃34;财产不会工作，尝试使用职位：＆＃39;亲属＆＃39;代替。