1

サッカーフィッシュのドロップダウンメニューを作成しました。ここに私のウェブサイトへのリンクがあります

お気づきかもしれませんが、ドロップダウン テキストの左側に奇妙な余白があり、メニュー項目にカーソルを合わせると表示されます。さらに奇妙なのは、jsfiddleで同じエラーを再現しようとしたが、それができなかったため、エラーがドロップダウンにない可能性があると信じるようになったことです。

4

1 に答える 1

3

あなたのウェブサイトでは、パディングを適用するだけでマージンは問題になりません: 0; 親ul要素へ

#nav ul { 
   ....
   padding: 0; /* or what ever you need */
}

この問題は、ユーザー エージェント (ブラウザー) の定義済みスタイルシートに関連していました。

W3 組織。見積もり：

各ユーザー エージェント (UA、多くの場合、「Web ブラウザー」または「Web クライアント」) には、妥当な (しかしほぼ間違いなく平凡な) 方法でドキュメントを表示するデフォルトのスタイル シートがあります。

したがって、これは、定義済みのスタイルシートの値に依存できないことを意味します。Firefox で問題がなければ、IE ではない可能性があります (開発に使用するブラウザによって異なります)。スタイルシートの一番上 (ページに最初に読み込まれる) に、インターネットで見つけられる reset.css ファイルの 1 つを追加することをお勧めします。

例: http://meyerweb.com/eric/tools/css/reset/

于 2012-08-17T17:02:37.047 に答える