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。

jsフィドル

html,
body {
    height:100%;
}