0

私のページには jQuery メニューがあり、うまく機能しています (前回の投稿で私を助けてくれた人々のおかげです)。できれば一番上に置きたい。

編集：クロムとファイアフォックスでは10px下に浮かびます

ここに何が起こっているかのいくつかのスクリーンショットがあります

ここに画像の説明を入力

ここに画像の説明を入力

メニュー バーの CSS は次のとおりです。何が起こっているかを確認できます。

#menu{
    height:30px;
    width: 100%;
}

#menu > li{
    float:left;
}

#menu > li > ul > li{
position:relative;
width:auto;
}

#file-menu{
width:75px;
}

#applications-menu{
width:160px;
}
4

4 に答える 4

2 
body {
margin: 0;
padding: 0;
}

これにより、ブラウザがデフォルトのオプションで追加するパディングまたはマージンが削除されます。

CSS リセットの詳細については、こちらをご覧ください。

于 2013-07-11T13:16:21.697 に答える
2

これを使って：-

body{
    margin:0px;
    padding: 0px;
}
于 2013-07-11T13:15:39.113 に答える
0

私は通常、以下を使用します。

* { padding:0px;margin:0px;outline:0px }

私のデザインのほとんどで。* を使用すると、すべてにスタイルが適用されます。その後、後で組み込みのパディング/マージンが必要になった場合は、簡単に追加できます。スタイリングをよりカスタマイズ可能にします。

幸運を。

于 2013-07-11T13:53:18.020 に答える
0

あなたの体にはおそらくマージンまたはパディングが設定されているようです。

を使用する習慣を身に付ける必要がCSS Resetあります (これにより、すべてのスタイルがリセットされ、ブラウザー間で [できる限り] 一貫性が保たれます)。

他のすべての CSS スタイル シートの前にこのファイルをインクルードすると、問題が解決するはずです。

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.10.3/build/cssreset/cssreset-min.css">

または、css を追加することもできます。

body{margin:0; padding:0} /* At the very top of your CSS sheet */
于 2013-07-11T13:16:41.213 に答える