08 May

画面いっぱいに可変の高さのあるboxを設置したい　css

http://ginpen.com/2011/07/01/height-100-parcent/

<html>
<body>

<div class="親2">
<div class="親1">
<div class="画面いっぱい可変したいbox">
ああああああああああ
</div>
</div>
</div>

</body>
</html>

この場合、全てのbox要素にheight:100%;をつける。
もし親3が登場した場合には、親3にもつける。
つまり画面いっぱい可変したいboxから<html>まで、すべての囲んでる要素につけなければいけない。ひとつでも抜けたらダメ。

.画面いっぱい可変したいbox,
.親1,
.親2,
.body,
.html{
height:100%;
}