it-swarm-ko.tech

IE7 CSS 스크롤링 Div 버그

나는 최근에 내가 공유 할 것이라고 생각한 IE7 전용 버그를 발견 했으므로 6 개월 후에이 사이트를 방문하여 같은 것을 알아 내면 손에 쥐게됩니다.

이 버그를 재현하는 가장 쉬운 방법은 선언 된 doctype이있는 페이지에서 다음 html 일 것입니다 ( "쿼크 모드"/ 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 을 참조하십시오.

편집 : waybackmachine.org에서 끊어진 링크의 캐시 버전

98
frank hadder