5

少なくとも私の経験では、これはかなり奇妙なバグです。

サイトのテスト バージョンを作成したので、ここで実際に見ることができます。

再現する手順：

サイトに入ると、次の#thelistように問題なく表示されます。

ここに画像の説明を入力

問題が発生するのは、単純な更新を行うときに、私が Windows マシンを使用しているためCtrl+RまたはF5.

#thelist次に、位置を変更します。

ここに画像の説明を入力

これを修正する際の私の主な問題は、要素を検査しようとすると、正しい位置に戻ってしまうことです...

Ctrlまた、ハード リフレッシュ+ Shift+RまたはCtrl+F5を実行すると、要素が正しい位置に戻ることにも注意してください。

これはどのように可能ですか、これを引き起こしているのは何ですか? どうすれば解決できますか？

4

2 に答える 2

4

#imgSlotで、HTML で寸法を設定します。

<img id="imgSlot" src="img/slot.png" width="322" height="147">

問題は発生しなくなりました。

元のコード: http://jsbin.com/efejay

寸法: http://jsbin.com/efejay/2

これは明らかに WebKit のバグです。キャッシュされている画像に関連していると思います。過去にも似たようなものを見たことがありますが、通常は JavaScript が関係しています。例: jQuery height() は偽の値を返します

于 2012-05-22T20:36:46.790 に答える
2

position: relativeを#rightColumnで試して、マージンではなく上と左に要素を配置します

于 2012-05-22T20:24:50.870 に答える