CSS - IE에서 가로 스크롤 피하기

Question

div가 화면 가운데로 튀어 나와 임의의 콘텐츠로 채워집니다. 추가 된 내용이 사용 가능한 공간에 맞지 않으면 스크롤해야합니다.

기본 스타일이 그대로 유지됩니다 (25 %; 너비 : 50 %; 최대 높이 : 70 %

화면이 충분히 크면 모두 정상적으로 작동합니다. Firefox에서 공간이 충분하지 않으면 분할 영역에 수직 스크롤바를 추가하여 멋지게 작동합니다. 그러나 IE에서는 짜증나는 불필요한 수평 스크롤바가 추가되어 제거 할 수있는 방법을 찾을 수 없습니다.

내가 여기서 무엇을 의미하는지의 스크린 샷을 볼 수 이 http://dl.dropbox.com/u/15633144/popup.html

미안 확실히이 쉬워을하지 않는 실제 HTML을 게시 할 수 없습니다! 그러나 나는 이것이 사람들이 전에 일해온 표준 문제라고 희망한다.

여기에 올린 일반적인 해결책은 overflow-x/overflow-y입니다. 그러나 경우에 따라 div 내용을 실제로 가로로 스크롤해야하므로이 기술을 사용할 수 없습니다.

Answer 1

첫 번째 IE는 최대 높이 CSS 속성을 지원하지 않습니다.

그리고 컨테이너 내부의 일부 요소의 너비가 넘칠 경우 가로 스크롤 막대가 표시됩니다. 너는 내부에 너비가 100 % 인 요소가있을 것이다. IE가 임의의 테두리/여백을 여기저기서 추가하므로 내부 요소의 너비가 컨테이너보다 큽니다.

Answer 2

시도 여기 CSS div element - how to show horizontal scroll bars only?

Answer 3

를보고 난 두려워 당신이 때때로 당신은 당신이 수평 스크롤바가 필요합니다 스크롤해야 할 것이라고 말했다 때문. overflow-x로 숨긴다면 : 숨겨진; 스크롤을 허용하지 않습니다. jQuery If 문을 사용하여 window.width가 내용의 너비보다 큰지 말하고, 스크롤 막대를 표시하고, 그렇지 않으면 숨길 수 있습니다.