0

これに対する答えを見つけるためにスタックオーバーフローを検索してきましたが、何も役に立ちませんでした (または、間違って追加していました)。

クライアントの Web サイトに水平メニューを設定し、メニュー項目をメニュー バーの中央に配置しようとしていますが、firefox と chrome の間で左右のパディングが 1 ピクセルずれているため、最後のメニュー項目が行は Firefox でのみ右端に突き当たります。メニューの li タグで firebug の左右のパディングを 1px ドロップすると、元の CSS を使用した Chrome のように見えます。

問題のコードは、li タグのパディングにあるようです。

これが私のメニューコードを含むJSFiddleです（背景画像はありませんが、問題はまだ明らかです）http://jsfiddle.net/FxznT/1/

参照用に私が取り組んでいる元のサイトは次のとおりです。http://clients.taylordesign.com/LCBP/site/home.html

私は何が欠けていますか？すでに CSS リセットを使用しています。ありがとう。

4

1 に答える 1

2

CSS ハックを使用して、Firefox のみを選択することもできます。

@-moz-document url-prefix() { 
  .ul.topNav li {
     padding: 16px 11px;
  }
}
于 2012-07-26T21:43:24.720 に答える