固定トップは、私がトップに固定メニューを作るしようとしているので、

Question

OKに動作していないDIVと私は、このCSS持っている：

#top { 
    background-color: #fff; 
    padding: 0; 
    border-bottom: 1px solid #333; 
    border-top: 1px solid #333; 
    box-shadow: 0 1px #000, 0 2px 1px rgba(0, 0, 0, .4); 
    -moz-box-shadow: 0 1px #000, 0 2px 1px rgba(0, 0, 0, .4); 
    -webkit-box-shadow: 0 1px #000, 0 2px 1px rgba(0, 0, 0, .4); 
    position: fixed; 
    width: 100%; 
    z-index: 15; 
    top: 0; 
    } 

を私は幅持って見ることができるように100％が、ページトップをロードするときdivは右に少し曲がっていて、完全な幅ではありません。私は利用可能なスクリーンショットを取ったhere。私はOpera 11とGoogle Chromeでテストしました。

私は間違っていますか？ ありがとうございます！

Answer 1

width: 100%をleft: 0; right: 0に置き換えることができます。

また、あなたはwidth: 100%を保つことができますが、その後はデフォルトmarginbodyに削除する必要があります：

html, body { 
    margin: 0; 
    padding: 0; 
} 

Answer 2

はそれが何のマージンを持っていないことを確認して0にleftを設定するので、それはのパディングを無視しますbody DOMオブジェクト

Answer 3

あなたはBODYでパディング/マージンを持っているかもしれません（それがデフォルトとして余裕を持って） また、あなたの要素

Answer 4

に影響を与え、CSSには、パディング/マージンの継承がない場合、私はに問題が表示されていないチェックあなたが提供したコード。しかし、#top divは別のdivにありますか？もしそうなら、そのdivにパディングがないことを確認してください。 FirebugでFirefoxを使用することをお勧めします。これはhtml、css、javascriptのデバッグに最適なツールです。