IE7 CSS 스크롤링 Div 버그

Question

나는 최근에 IE7 전용 버그를 발견했는데 공유하고 싶은 생각이 들었으므로 지금으로부터 6개월 후에 동일한 문제를 알아보기 위해 이 사이트를 방문할 때 이를 준비해 두겠습니다.

나는 이 버그를 재현하는 가장 쉬운 방법은 선언된 문서 유형이 있는 페이지에서 다음 HTML을 작성하는 것이라고 생각합니다("쿼크 모드"/문서 유형 없음에서 올바르게 작동함).

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

IE7에서 외부 div는 고정된 크기이고 내부 div는 상대적으로 위치가 지정되며 더 많은 콘텐츠를 포함합니다(내부 div가 오버플로를 발생시킨다고 가정).다른 모든 브라우저에서는 예상대로 작동하는 것 같습니다.

스크린샷:

Answer 1

가장 쉬운 수정은 추가하는 것입니다 position: relative; 외부 div에.이렇게 하면 IE7이 의도한 대로 작동하게 됩니다.

(보다: http://rowanw.com/bugs/overflow_relative.htm).

편집하다: waybackmachine.org에 있는 깨진 링크의 캐시 버전