HTML 오버 플로우 - y를

나는 HTML 오버 플로우 - y를

다음은 테스트 페이지입니다 ... 100 % 높이 div의 오버 플로우 - y는 모든 브라우저하지만 크롬에서 제대로 작동하지에 질문이 있어요 Chrome에서 완벽하게 작동하는 경우 다른 브라우저에서 테스트하여 스크롤바가 표시되지 않고 div가 브라우저 경계를 벗어나는 것을 확인했습니다. Opera, Firefox 및 IE에서 테스트했습니다. 나는 이것으로 놀고 답을 찾기 위해 많은 시간을 보냈다.

다른 브라우저에서이 기능을 사용하기 위해 제가 놓친 것이 있습니까? 아니면 Chrome에서 작동하게되어서 다행입니까? 모든 제안/도움을 주시면 감사하겠습니다.

출처

2013-05-01 Snaggybore

Overflow-y는 새로운 기능으로 모든 브라우저에서 작동하지 않을 수 있습니다. 사용자 오버플로가 안전합니다 (자동).

<div style="overflow: auto; width: 350px; height: 400px"> 
    <div style="width: 300px; height: 2000px"> Content goes HERE 
    </div> 
</div>

그리고 당신이 사용할 수있는 오버 플로우-X 에뮬레이션 :

<div style="overflow: auto; width: 350px; height: 400px"> 
    <div style="width: 3000px; height: 350px"> Content goes HERE 
    </div> 
</div>

출처

2013-05-01 12:17:42 Tom

을 물론 오버플로 : 당신은 당신의 내면의 내용이, 예를 들면 협 있는지 확인해야하므로 자동 수평 및 수직 스크롤 막대를 추가합니다 내 잘못, 난 실제로 오버플로 - y를 사용하지 않고있어. 오버플로 : 자동을 사용하고 있지만 지정된 높이를 설정할 수 없으므로 사이트가 항상 크기에 관계없이 브라우저에 완벽하게 맞춰 지도록 100 %가되어야합니다. – Snaggybore

@Snaggybore jQuery로 다음과 같이 쉽게 계산할 수 있습니다 :'$ ('# smth'). height()' – Tom

HTML 오버 플로우 - y를

답변

관련 문제