得到相对高度道具与窗口调整大小CSS

Question

任何人都可以帮我解决这个简单的，简单易懂的css任务吗？我正在尝试设置一个div高度来调整窗口大小。这就是我到目前为止所做的：

div.signIn {
margin: 20px 20px 10px 40px;
border-style: ridge;
border-color: #006a89;
min-height: 450px;
height: 90%;
width: 26%;
min-width: 255px;
padding: 10px 20px 10px 20px;
line-height: 210%;
float: left;
}

宽度很好，但不是高度。 div没有其他风格。谁能发现原因？

Answer 1

尝试设置html和body height。

jsFiddle

html,
body {
    height:100%;
}