CSS：嵌套在百分比最小高度元素中的百分比最小高度元素

Question

我想使html，正文和包裝元素都具有100％的最小高度，以便覆蓋整個查看窗口，但是我發現我只能讓html服從這個聲明。

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

html { 
     border: 2px red solid; 
     } 

body{ 
     border: 2px blue solid; 
     } 

#wrapper { 
     border: 2px pink dotted; 
     } 

創建一個簡單的html文檔，只有一個#wrapper div可以有內容或不可以。如果使用最小高度的像素，則元素遵守它，但是當我使用百分比時，只有html會起作用。爲什麼是這樣？

Answer 1

這一定會幫助你...

http://www.cssstickyfooter.com/using-sticky-footer-code.html

Answer 2

使用height，而不是min-height。

body,html{ 
    height: 100%; 
} 
#wrapper { 
    height: 100%; 
}