51

私は最近、共有したいと思っていた IE7 のみのバグに出くわしたので、今から 6 か月後にこのサイトに来て同じことを見つけたら、手元に置いておきます。

このバグを再現する最も簡単な方法は、Doctype が宣言されたページで次の html を使用することだと思います (「quirks モード」/no-doctype で正しく動作します)。

<div style="overflow: auto; height: 150px;">
    <div style="position: relative;">[...]</div>
</div>

IE7 では、外側の div は固定サイズで、内側の div は相対的に配置され、より多くのコンテンツが含まれます (内側の div がオーバーフローを引き起こすと仮定します)。他のすべてのブラウザーでは、これは期待どおりに機能するようです。

スクリーンショット: バグのスクリーンショット

4

1 に答える 1

98

position: relative;最も簡単な修正は、外側の divに追加することです。これにより、IE7 が意図したとおりに動作するようになります。

(参照: http://rowanw.com/bugs/overflow_relative.htm )。

編集: waybackmachine.org の壊れたリンクのキャッシュ バージョン

于 2008-09-15T22:36:28.770 に答える