html - 固定トップバーを作成するにはどうすればよいですか?

Question

ページの上部 (ナビゲーション システムとして使用) に黒いストリップを作成したいと思います。位置を固定したいので、ページを下にスクロールしても画面に残ります。

常に画面に表示できるようにする方法がわかりません.CSSを作成してナビゲーションストリップを作成するか、ブラックボックスを挿入してCSSを上部に挿入する必要がありますか?

Answer 1

CSS

#blackBar{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:black;
}

http://jsfiddle.net/LzDR7/

Answer 2

この黒いストリップである div で、次のように CSS で「位置」プロパティを「固定」に設定します。

position: fixed;