如何修复两个独立的div粘在Html

Question

我有一个菜单div在我们的网站，我们已经固定了这个div通过position:fixed css。现在我们正在创建另一个div在菜单div的顶部，并希望解决这个问题。然而，当我们试图在此添加position:fixed css时，它会被菜单div重叠。

<div class="top">
Div 1
</div>
<div class="menu">
Menu div
</div>

有人能帮我一下吗?

我已经尝试添加位置:固定在两个div和尝试其他方式，但div重叠在彼此

Answer 1

我希望我正确理解了你的问题。如果我是你，我会创建一个固定的包装器，然后你可以复制你的两个div块到它。看到的例子:

.fixed {
position: fixed;
width: 100%;
}
.top {
background: green;
}
.menu {
background: yellow;
}

<div class="fixed">
<div class="top">
Div 1    
</div>
<div class="menu">
Menu div
</div>
</div>

Answer 2

尝试添加

top:50px; //or whatever value you want

放到你想放到另一个

的div上

Answer 3

正如已经建议的那样，您应该创建一个固定的div，并将其他div和菜单放在其中。

或者，如果你真的不想再创建一个div，也许你可以将它们都设置为fixed，并将margin-bottom设置为顶部div(或margin-top设置为底部div)。我试过使用margin:auto;但它似乎不起作用，可能是因为位置:fixed;，所以你应该手动设置边距。