Div跨越浏览器的100％高度并进行缩放

Question

body, html{
    min-height: 100%;
    height: 100%;
}

#wrapper_with_fancy_bg_that_blends_into_bodys_bg{
    height: 100%; 
    min-height: 100%; 
}

这是令人尴尬的，但我无法弄清楚如何在放大然后向下滚动时获得这个：

    _

我想出的唯一解决方案是在窗口调整大小时将div的高度设置为body的高度。有没有什么方法可以让div实际上跨越100％的身高，无论平原css是什么？

Answer 1

这应该可以解决问题：

html, body { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
}  

#wrapper_with_fancy_bg_that_blends_into_bodys_bg {  
    min-height: 100%;
    height:auto !important;  
    height:100%; 
    overflow: hidden !important;
    /* your fancy background here */
}

这是一个有效的JsFiddle：http://jsfiddle.net/hehUH/1/或完整视图http://jsfiddle.net/hehUH/1/show/