IE7 CSS スクロール Div のバグ

Question

最近、IE7 のみのバグに遭遇したので、共有しようと思いました。そのため、6 か月後に同じことを理解するためにこのサイトにアクセスするときは、それを手元に置いておくつもりです。

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

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

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

スクリーンショット:

Answer 1

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

（見る： http://rowanw.com/bugs/overflow_relative.htm).

編集： waybackmachine.org 上の壊れたリンクのバージョンをキャッシュします