web-dev-qa-db-ja.com

IE7 CSSスクロールDivバグ

私は最近、共有したいと思っていたIE7のみのバグに遭遇しました。そのため、6か月後にこのサイトにアクセスして同じことを理解したら、手元に置いておきます。

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

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

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

スクリーンショット: bug screenshot

49
frank hadder

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

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

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

98
frank hadder