私のCSSメニューを画面の上に置いておきますか？

Question

はhttp://facebook.comのようにページの上部にあるnav bar型のものがあります。私は自分のコードでそれをどうやって行うことができますか？私は、その1つの問題を除いて、私のCSSの高度なメニューが動作している。ここにも、今イムが間違えていない場合、これはJsFiddle

をチェックしない場合は、この部分で行う必要があり、私のjsfiddle

Js fiddle

CSS

#cssmenu ul { margin: 0; padding: 0;} 
#cssmenu li { margin: 0; padding: 0;} 
#cssmenu a { margin: 0; padding: 0;} 
#cssmenu ul {list-style: none;} 
#cssmenu a {text-decoration: none;} 
#cssmenu { height: 42px; background-color: rgb(35,35,35); box-shadow: 0px 2px 3px rgba(0,0,0,.4);} 

の主要部品への私のリンクです

Answer 1

は、メニューのCSSに以下を追加します。

#cssmenu { 
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
} 

彼らはそれを行う方法は基本的だこと。それは行うことができます

Answer 2

固定プロパティーを追加

#cssmenu { 
      position:fixed; 
} 

Answer 3

あなたが使用している場合：

position:fixed; 

Answer 4

使用上に固定し、あなたのナビゲーションバーにこのCSSを。ここで

#cssmenu { 
    position:fixed; 
    top: 0; 
    margin:auto; 
    left: 0; 
    right: 0; 
    width: 100%; 
    } 

デモ：http://jsfiddle.net/SkuhZ/

Answer 5

ただ、これらの3は..

position: fixed; 
top: 0; 
width: auto; 

Answer 6

だけの思考をするだろう、あなたはそれが浮かぶように、すべてのアイテムの上にz-index: 1000;を追加する必要はありませんページに？

Answer 7

はい、z-index: 1000;を追加すると、すべてのコンテンツの上に浮動表示されます。 RLCJohnが上記のように言った。