DIV高度设置为屏幕的百分比？

Question

我希望将父DIV设置为完整100%屏幕高度的70%.我设置了以下CSS,但它似乎没有做任何事情:

body {
font-family: 'Noto Sans', sans-serif;
margin: 0 auto;
height: 100%;
width: 100%;
}
.header {
height: 70%;
}

由于某种原因,它似乎没有工作,并且标题不是屏幕大小的70%.有什么建议？

Answer 1

尝试使用视口高度

div {
    height:100vh; 
}

这里已经详细讨论过了

Answer 2

absolute为该div 做位置.

http://jsfiddle.net/btevfik/KkKeZ/

Answer 3

这是解决方案,

添加html也100%

html,body {

   height: 100%;
   width: 100%;

}