2013-12-23 3 views
0

JSFiddle : 두 개의 스크롤 막대가 있음을 알 수 있습니다. 내부의 하나 인 #b이 있어야한다고 생각합니다. 외부 스크롤바를 보이지 않게 만들거나 그 방법으로 보이게하는 방법을 알아 내려고하고 있습니다.외부 스크롤 막대가 나오는 공간은 어디입니까?

외부 스크롤 막대의 원인이되는 추가 공간은 어떤 종류의 공백으로 인해 발생합니다. font-size: 0으로 설정하면, 화면이 사라지고 제대로 작동하며 스크롤바가 하나 밖에 없습니다. 나는 그 행동에 의지하고 싶지 않다. 나는 공백이 어디서 오는지 궁금하다. 내가 div 사이에 공백이 없기 때문에 나는 어디에서 볼 수 없습니다.

float도 사용하고 싶지는 않지만 실제 상황에는 적용 할 수 없습니다. http://jsfiddle.net/LgX7u/11/이 (오른쪽 가장자리 오프 .a 다른 볼 수있는 웹 관리자를 사용하여) :

편집 여기

는 다른 하나는 너무 모호하면 내가 정말 무엇을 더 좋은 예이다.

답변

3

제거이 클래스 :

div { 
    height:100%; 
} 

업데이트 JSFiddle

+0

불행하게도 내가 할 수없는 그것이 내가 내 실제 상황에서 무엇을해야 반영 때문. 내가 작성한 모든 CSS는 실제 코드를 반영하기위한 것이므로 재미만을 위해 추가하지 않았습니다. 또한 어쨌든 문제가 해결되지는 않습니다. 맨 아래로 스크롤하면 끝 부분에 공간이 남아 있습니다. – uk4321

+0

@ uk4321 오버플로인가 : 숨김; 옵션 또는 레이아웃에 영향을 미칩니 까? – Enijar

+0

예, 어떤 이유로 실제 코드에서'# a'에'overflow : hidden'을 추가하면 실제로 아무것도 숨기지 않고'# b'에서 스크롤바를 제거하고' html' 엘리먼트는 모든 것을 엉망으로 만든다. 왜 그렇게했는지 알고 싶지만 CSS 전문가는 아닙니다. 왜 그렇게하는지 알고 그 문제를 해결하는 방법을 알고 있다면 내 질문에 대해서도 대답 할 것입니다. – uk4321