CSS의 웹킷 오버 플로우 숨겨진 HTML 요소의 높이

Question

http://dev.anuary.com/1f1715ac-ad96-536a-a462-74381c7a2baf/test.html http://dev.anuary.com/1f1715ac-ad96-536a-a462-74381c7a2baf/test2.html

test2.html은 예상 된 동작입니다. 그러나 test.html CSS body {overflow: hidden;}을 구현하지 않습니다. 후자는 WekKit을 에서 오버 클러킹하는 것을 방지하는 데 필요합니다.

본질적 I DOM은 너비 및 높이 100 % (100 % 즉 창 크기) 및 overflow-y: scroll의 요소와 비활성화 오버 스크롤 웹킷 있는 페이지가 필요하다. 알아낼 수있는 유일한 해결 방법은 JavaScript를 사용하여 고정 높이를 줄 바꿈 요소에 지정하는 것입니다. 비록 JS를 포함하지 않는 솔루션을 찾고 있습니다.

Answer 1

html 및 body에 height: 100%;을 설정해야합니다. 그렇지 않으면 보이는 창 크기보다 훨씬 커집니다.

데모 : http://jsfiddle.net/ThinkingStiff/8ejtP/

html, body { 
    height: 100%; 
}