html - 跨越浏览器 100% 高度和缩放的 Div

Question

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

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

这很尴尬，但我不知道在放大然后向下滚动时如何解决这个问题：

_

我想出的唯一解决方案是将 div 的高度设置为窗口调整大小时的主体高度。有什么办法可以让 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/