가로 스크롤 막대 문제를 어떻게 디버깅합니까?

Question

Firefox에서 탐색할 때 스크롤바가 없습니다.

하지만 IE에서는 나타납니다.

이런 종류의 문제를 추적하는 방법은 무엇입니까?

Answer 1

글쎄, 나는 VIEW | 내 브라우저 메뉴에 SOURCE가 있지만 아무 것도 나타나지 않습니다 (IE7을 사용하고 있습니다).파일을 데스크탑에 저장하고 메모장에서 볼 수 있었습니다.상단 근처에는 IE에만 ​​적용되는 것으로 보이는 "fixedBottoomIE6.css"라는 스타일시트에 대한 참조가 있는데, 이것이 차이점을 설명할 수 있습니다.

따라서 귀하의 질문에 대한 일반적인 답변으로 텍스트 편집기에서 소스를 확인하여 디버깅 프로세스를 시작하겠습니다.

업데이트:예, 문제는 거의 확실하게 스타일시트입니다. 왜냐하면 IE에서 데스크톱에 저장된 파일을 열 때 가로 스크롤 막대가 표시되지 않기 때문입니다(I 하다 온라인 버전으로 다운로드하세요).스타일시트에 대한 링크는 상대적이며 스타일시트가 내 데스크탑에 없기 때문에 적용되지 않습니다.

Answer 2

나는 시간의 99%가 심 및 HTML/본체의 폭을 정의합니다. 나는 구체적인 접근법을 따르지 않지만 이와 같은 정의를 둘러 본다. 모든 CSS 문제를 시작합니다 사파리의 웹 검사관, 산을 통과하기 때문에 3.

Answer 3

디버그하는 가장 좋은 방법은 Firebug Live CSS 편집기를 사용하는 것입니다. 모든 섹션에 하나씩 (디스플레이 : 없음;)를 적용하십시오. 버그가있는 섹션을 찾으면 스크롤 막대가 사라집니다 (큰 구호!). 섹션의 모든 요소에 대해 동일하게 수행하십시오. 당신은 당신의 버그를 정확하게 찾아야합니다.

나를 위해, 그것은 다음과 같은 그림자 효과가 발생했습니다 : 이전과 : 컨텐츠 후.

Answer 4

IE를 사용하는 경우 IE8과 함께 제공되는 디버거를 사용하는 것으로 시작합니다.

또한 DocType 및 IE8이 작동하는 모드를 변경하고 패턴을 감지 할 수 있는지 확인하십시오.

예를 들어, Quirks 모드에서만 표시됩니까?

또한, 어떤 상황으로 인해 스크롤 바가 나타납니다. div가 완전히 비어 있습니까?

디버거를 사용하면 구성 요소의 DOM 및 CSS 스타일을보고 패턴이 있는지 확인할 수 있습니다.