IE div width + scrollbar

웹 응용 프로그램에 고정 레이아웃 디자인이 필요한 모달 UI가 있습니다. 많은 소동 후에, 나는 절대적으로 위치하는 자식 요소들이 길로가는 길이라고 결정했다. 그러나, 나는 조건부로 (너무 많은 콘텐츠가 있다면) 수직 스크롤바를 요구하는 div가있다.IE div width + scrollbar

enter image description here

IE7 표준 모드 :

enter image description here

이 스크롤가 추가되면 사업부의 폭은 8

IE8 표준 모드 IE 7 및 IE에 따라 다를 것 같다

IE 6을 테스트 해본 적이 없지만 더 재미 있다고 생각합니다. 모든 주요 브라우저에서 일관성있는 UI에 도달하기 위해이 문제를 해결하는 가장 간단한 방법은 무엇입니까?

출처

2011-02-22 Chris

"test junk"+1 – JCOC611

[JS Bin] (http://jsbin.com/) 테스트 케이스를 만들면 어쩌면 혼란에 빠질 수 있습니까? – thirtydot

왜 절대적인 위치 지정 대신에 미리보기 이미지를 왼쪽으로 뜨는 것이 좋을까요? 브라우저보다 훨씬 일관성이 있습니다. 고정 된 높이로 div에 모든 것을 래핑하고 자동으로 오버플로를 설정하십시오.

출처

2011-02-23 15:23:04 easwee

이상적으로는, 스크롤 바를 모달 창의 가장자리에 맞게 정렬하고 싶습니다. 브라우저에서 폭을 계산하는 방법 (스크롤 막대를 추가하기 전이나 후에) 너비가 가변적이기 때문에 사용자가 제안한 방식대로 수행한다고 보장 할 수는 없습니다. – Chris

너비는 항상 블록 요소이므로 div의 100 %가 아니므로 스크롤 막대가 항상 오른쪽에있게됩니다. 너는 요소가 적고 스크롤이 필요하지 않으면. – easwee

IE div width + scrollbar

답변

관련 문제