가로 스크롤 막대 문제를 디버깅하는 방법은 무엇입니까?

Question

Firefox에서 찾아 볼 때 스크롤 막대가 없습니다.

IE에서는 표시됩니다.

이런 종류의 문제를 추적하는 방법?

Answer 1

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

질문에 대한 일반적인 대답으로 텍스트 편집기에서 소스를보고 디버깅 프로세스를 시작합니다.

업데이트 : 네, 문제는 내가 IE에서 내 바탕 화면에 저장 한 파일을 열 때, 나는 수평 스크롤을하지 않기 때문에 (필자는 온라인 버전으로 얻을 할 , 거의 확실히 스타일이다). 스타일 시트에 대한 링크는 상대적이며 스타일 시트가 내 바탕 화면에 없기 때문에 적용되지 않습니다.

Answer 2

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

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

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

또한 어떤 상황에서 스크롤 막대가 표시됩니까? div 전체 또는 절반이 비어 있습니까?

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

Answer 3

시간의 99 %가 패딩과 관련이 있고 HTML/Body의 너비를 정의해야합니다. 나는 구체적인 접근법을 따르지 않지만 그러한 정의를 둘러보십시오. Saf30의 웹 검사기 을 사용하여 CSS 문제가 발생합니다.은 Acid3을 통과하기 때문에 발생합니다.

Answer 4

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

나를 위해, 그것은 : before 및 : after 내용을 추가하는 그림자 효과가 발생했습니다.