CSS 实现类似的固定浮动 div 始终位于其他 div 之上 - 就像 stackoverflow 一样？

Question

我想实现与此图中类似的效果：

基本上，我希望有一个 div 作为始终位于顶部的菜单栏 - 它下面的 div 是我的内容的容器 div。单击菜单栏中的任何链接只会更改容器 div 中的内容。

Answer 1

您需要使用 #top div 的 position:fixed; 属性。

<div id="top"></div>

#top {
  position:fixed;
  top:0px;
  width:100%;
  height:70px;
}

Answer 2

您需要有一个 div 并分配 CSS 类：

.className {
width: 100%;
position: fixed;
top: 0px;
height: 75px;
}

然后在您的 div 上有：

Whatever