4

話題のとおり。ホバリングした人に彼のwidth. しかし、すべてのリスト要素が彼のwidth.

フィドル

簡単に思えますが、わかりません。助言がありますか？

編集: widthat #nav li a:hover {をに変更するbackground-color: #555; と正常に動作します。今本当に混乱しています。

4

2 に答える 2

1

他の要素には影響せず、移動するだけです。これを参照してください。

解決策：を追加しmargin-left: -30px;ます。それは他の要素を修正します。
なぜ30px？30pxは、古い幅と新しい幅（90と120px）の差です。

#nav li a:hover {
    width: 120px;
    margin-left: -30px;
}

ライブデモ：jsFiddle

于 2012-08-01T14:43:32.910 に答える
1

ここで実際に何が起こっているか見てみましょう: 幅はすべてのリンクではなく、現在のリンクでのみ変更されます: http://jsfiddle.net/JjMfU/15/

別の問題に取り組む必要があります-常に右側にリンクを配置するだけです-これは、リンクを右側にフロートさせることによって行われます. フロートを処理するために追加overflow: hiddenしたことに注意してください。他の方法も存在します。li

そのように：http://jsfiddle.net/JjMfU/20/

于 2012-08-01T14:45:51.380 に答える