css height:100% 유지하기

css의 height 100% 유지하기

<div class="container">

<div class="grayBox">

<div class="blueBox">

</div>

<div class="orangeBox">

</div>

</div>

</div>

body,html{width:100%; height:100%;}
.container{width:100%;height:100%;}
.grayBox{width:100%; height:100%; padding:50px; box-sizing:border-box; position:relative;}
.blueBox{width:100%; height:50px; position:absolute; left:0; top:0; }
.orangeBox{width:100%; height:100%; position:relative; }

오렌지박스 100%로 유지.