一个div的高度设置为70％

我有一个超级简单的页面：一个div的高度设置为70％

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <link rel="stylesheet" href="@Url.Content("~/ui/all.min.css")" type="text/css" /> 
</head> 
<body> 
    <div class="header"> 

</div> 

</body> 
</html>

和CSS：

.header 
{ 
    height:70%; 
    width:100%; 
    background:#990663; 
} 

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

* 
{ 
    margin: 0px auto; 
}

我想在div高度是屏幕的70％。我怎样才能做到这一点？如果我把400px的高度，它的作品。那么为什么不70％呢？任何想法如何实现这一目标？

来源

2012-12-18 Jack