2009-11-04 5 views
32

spec은 overflow-x : scroll이 설정된 경우 가로 스크롤 막대가 항상 표시되는 것으로 가정합니다.필요없는 경우 사전에서 스크롤바 숨기기

내 웹 사이트에서 나는 종종 <pre> -Block에 코드를 게시합니다. 이것은 미리 정의 된 너비가 없지만 주위의 div에는 최대 값 (백분율로 정의 됨)이 있으므로 다음과 같은 방법을 찾을 수 없습니다. 코드 블록이 너무 넓지 않은 경우 가로 스크롤 막대를 숨 깁니다 . 너비를 초과하는 경우 스크롤바를 표시하십시오. 힌트가 있습니까? overflow-x와 -y의 조합을 대부분 시도했지만 아무도 내가 원하는 것을 수행하지 않는 것 같습니다.

+0

어, 이미 사이트에서'overflow : auto'를 사용하고 있습니다. 왜 그 질문입니까? –

+0

좋아, 어쩌면 그것은 내 브라우저에 문제가있다. 그러나 FF 3.0과 FF 3.5 둘 다 이걸 본다. – data

+0

다른 사람이 문제를 보지 못합니다. 어쩌면 당신은 로그인했기 때문에 다른 스타일 시트를 얻을 수 있습니까? –

답변

98

사용 :

overflow-x: auto; 

auto는 내용이 상자의 너비를 초과하는 경우에만 스크롤 막대를 표시하도록 브라우저에 지시합니다.

+0

죄송합니다. 그러나 이것은 적어도 FF3.5에서는 올바르지 않습니다. 내 웹 사이트를보고 이것이 (어떤 이유로) 작동하지 않는지 확인하십시오. – data

+1

귀하의 웹 사이트는 저에게 적합하며 Firefox 3.5를 사용하기 때문에 문제가 다른 곳에서 발생해야합니다. 게다가, 나는 이것이 * 정확하다는 것을 확신한다. 브라우저를 다시 설치해 보셨습니까? –

+0

내 웹 사이트를 정말로 확인 했습니까? 경계선이 정의되지 않은 한 완벽하게 작동합니다. pre 요소의 아래쪽 테두리를 표시하면 스크롤 막대가 표시됩니다. 일반적으로 팁은 정확합니다. – data

관련 문제