css - 让相对高度道具与窗口调整大小 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%;
}