html - CSSを使用して、同様の固定フローティングdiv thastを常に他のdivの上に配置します-stackoverflowのように？

Question

この画像と同様の効果を実現したいと思います。

基本的に、常に一番上にあるメニューバーとしてdivを使用したいと思います。その下のdivは、コンテンツのコンテナdivです。メニューバーのリンクをクリックすると、コンテナdivのコンテンツのみが変更されます。

Answer 1

position: fixed;#topdivのプロパティを使用する必要があります。

<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>