純粋な CSS ドロップダウン メニューを作成しようとしていますが、奇妙なバグが 1 つあります。ページが読み込まれると、メイン メニュー バーのテキストがわずかに右にオフセットされます。ページが変更されるか、メニュー項目がマウスオーバーされると、左にジャンプして戻ります。
これには、右クリック>要素の検査が含まれ、何が起こっているのかを見つけるのが非常に難しくなります.
その例を次に示します: http://jsfiddle.net/m75p3/1/
ご覧のとおり、読み込み時には間違った位置にありますが、数ミリ秒後に正しい位置にジャンプします。これは、jsfiddle がページを変更しているためです。独自のファイルからロードした場合、マウスオーバーするまでこのジャンプ動作は発生しません。
理由はありますか?