股利跨越瀏覽器的100％的高度和縮放

Question

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

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

據emberassing，但我無法弄清楚如何與得到這個戰鬥時放大，然後向下滾動：

_

我想出的唯一解決方案是在窗口大小調整時將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/