html - CSS 来实现一个类似的固定浮动 div 总是在其他 div 之上 - 就像 stackoverflow 一样？

Question

我想达到与这张图片中的效果类似的效果：

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

Answer 1

您需要将该position: fixed;属性用于#top div。

<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有：<div class="className">Whatever</div>