0

ナビゲーションにカーソルを合わせると、約 5 px 右に移動します。ホバーは font-weight: bold で設定されます。だから私はそれが問題である大胆な部分であることを知っています. ナビゲーションのマージンの 5 ピクセル下にマージンを追加すると、最初のナビゲーション リンクを移動せずにホバーが実際に太くなりますが、他のリンクをホバーすると問題が再び発生します。

私のホバーCSS。

#nav ul li a:hover { 
border-color:#ccc;
font-weight:bold;
margin-right:35px;

}

問題を示すためにjsFiddleを作成しました。

http://jsfiddle.net/sM3AF/

ありがとう

4

1 に答える 1

3 
#nav ul li {
  display: inline-block;
  position: relative;
  border-right: solid 1px #e1e1e1;
  margin: 0px;
  width: 100px;
}

各リンクに特定の幅を与えると、この問題が解決されます...よりレスポンシブなデザインには % を使用してください。

于 2013-03-11T12:36:43.860 に答える