javascript - Chrome で div が間違った場所に表示される

Question

いくつかの div を移動していますが、Firefox と IE で正常に動作します。ただし、クロムでは、div の表示がフリーズすることがあります (実際には div がまだ動いていても)。

また、divはcursor:pointerであり、(描画された場所ではなく)本来あるべき場所にカーソルを合わせると、カーソルがポインターに変わります。

また、クロムでタブを切り替えて元に戻すと、正しい場所に div が描画されます。

また、「要素の検査」ウィンドウで div (背景色など) について何かを変更すると、div が所定の位置にスナップされます。

これを修正するにはどうすればよいですか?

水色のボックスは、div が実際に内部にある場所です。左の列のすべてのボックスが正しい場所に描かれていないことに注意してください。

Answer 1

これは、div の 1 つがたまたま Google 広告に移動した場合にのみ発生することがわかりました。次に、これは Google chrome と Google 広告であるため、コンテンツのレンダリングが異常終了して停止するため、広告をいじることはありません。

解決策は、divが広告から離れたコンテナにあり、overflow:hiddenがある場合でも、divが広告に遭遇しないようにすることだと思います。そのため、広告にヒットしている div は表示されていませんが、それでも chrome は気に入りません。