粘性菜单下方的 CSS3 定位

Question

我想让我的菜单卡在页面顶部，所以我使用了 position: fixed，但我对菜单下方的内容有疑问 - 我无法定位它。对于示例 margin-top 不起作用，我不明白这是为什么。
这是一个 JSFiddle .

Answer 1

将菜单的顶部位置设置为 0

#menu{ 
    top:0;
}

#content{
    margin-top: 50px;
}

并使用 id 或 class 将样式/定位应用于您的内容 div。我使用了 id，因为那是你选择的，但现在将类用于所有样式被认为是最佳实践。为 javascript Hook 保留 ID 的使用。

这是您的解决方法:https://jsfiddle.net/8gjfLe5d/2/