짧은 DIV 요소 내의 긴 DIV 요소 + IE7의 DOCTYPE

도움이 필요합니다. 처음으로이 문제에 직면하고 전문 지식이 필요합니다.짧은 DIV 요소 내의 긴 DIV 요소 + IE7의 DOCTYPE

코드는 이것은 IE7 관련되어

<div style="overflow:hidden;cursor:pointer;width:100%"> 
    <div id="ScrBar" style="position:relative;width:16000px"> 
     This is the text alksdjflask d;alskdj fl;aksjd f;laksdjf l;kasjdf ... -----> long line 

    </div> 
</div>

입니다! IE의 다른 버전에서는 테스트 할 수 없습니다. Chrome 및 FF에서는 정상적으로 작동합니다.

이 아닌 경우 html 파일의 시작 부분에 DOCTYPE을 넣으면 첫 번째 DIV가 화면의 오른쪽 끝에서 끝나고 내부 DIV는이 시점에서 "잘라 내기"됩니다. 가로 스크롤 막대가 없습니다.

DOCTYPE (전환 또는 엄격하지 않아도 상관 없음)을 넣으면 외부 DIV는 내부 DIV의 전체 너비를 갖습니다. 창에는 길게 긴 가로 스크롤 막대가 있습니다.

글쎄, 어떻게 해결할 지 연구하기 전에 문제가 무엇인지 (화면에서 보는 것보다는 기술적 인 용어로) 이해할 수 없습니다.

감사합니다.

편집 : 추가 테스트 결과에 따르면 IE8 및 로컬 파일이 예상대로 표시되지만 IE8 및 파일 (예 : 아파치)에 업로드 된 파일은 예상대로 길게 수평 스크롤 막대가 표시되지 않습니다!

출처

2013-03-02 Anonymous

http://stackoverflow.com/editing-help –

DOCTYPE을 생략하면 브라우저에 quirks mode이 입력됩니다. http://webdesign.about.com/cs/doctype/a/aaquirksmode.htm

항상은 the HTML5 doctype이어야합니다.

출처

2013-03-02 18:06:26

그건 좋은 생각하지만 실제로 _get_ 문제는이 태그를 넣을 때. 어떻게이 DOCTYPE 물건을 가지고와 가진 외부의 행동을 요구했다 DIV는 브라우저 창의 오른쪽 경계에서 끝나나요? – Anonymous

죄송합니다. 죄송합니다. 내가 아는 전부는 IE 7의 상자 모델이 끔찍하게 부서지고 전염병처럼 IE를 피한다는 것입니다. –

좋습니다. 최신 버전의 IE를 사용하는 경우 위의 코드를 매우 긴 텍스트 행으로 브라우저에 놓고 DOCTYPE과 DOCTYPE이 같은 동작을 나타내는 지 확인할 수 있습니까? – Anonymous

Neils로이 응답을 참조하십시오. Matt와 다른 사람들이 언급 한 것과 마찬가지로 항상 Doctype을 사용해야합니다.

"IE6과 IE7에서는 잘 알려진 버그입니다.이 문제를 해결하려면 컨테이너에 상대적인 위치를 추가해야합니다. 귀하의 경우 본문이 컨테이너이기 때문에 div 직접 몸 아래서 그것을 위치 : 친척. 그것은 당신의 문제를 해결한다. "

IE6 + IE7 CSS problem with overflow: hidden; - position: relative; combo

출처

2013-03-03 03:54:06 Benjiman

짧은 DIV 요소 내의 긴 DIV 요소 + IE7의 DOCTYPE

답변

관련 문제