身高100％了解如何使用它

Question

好的非常简单的问题，我想制作一个100％高度的视口，我知道父元素需要有一个已定义的高度，但它仍然不适合我。如果我忽略了什么，请帮助我理解！

html { 
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
} 

section {
  width: 100%;
  height: 100%;
  background:red;
}

http://jsfiddle.net/SzBM5/

Answer 1

使用html, body{ height: 100%; }

demo

Answer 2

您必须在BODY和HTML上设置高度100％。

body, html {
   height: 100%;
}

http://jsfiddle.net/pGa6t/

Answer 3

您还需要为height:100%设置body。

Fiddle

Answer 4

使用此Css DEMO HERE

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

section {
    width: 100%;
    height: 100%;
    background:red;
}