CSS WebKit的溢出隐藏的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从溢出。

从本质上讲，我需要的WebKit 一个页面滚动反弹禁用，与DOM的宽度和高度100％（100％意味着窗口大小）和overflow-y: scroll的元件。我设法解决的唯一解决方法是使用JavaScript给固定高度或包装元素。虽然，最好我在寻找一个不涉及JS的解决方案。

Answer 1

您需要在html和body上设置height: 100%;否则它们会比可见窗口大得多。

演示：http://jsfiddle.net/ThinkingStiff/8ejtP/

html, body { 
    height: 100%; 
}