Как расширить div до дна с помощью css?

Question

У меня есть контейнер div на моей странице html, и я хочу установить его высоту, чтобы развернуть всю оставшуюся страницу на экране.

Как я могу это сделать ??

Вот мой код:

HTML

<div class="row"> 
     <div id="builder-container" class="col-xs-12 col-lg-9">          
      <div id="builder-content" > </div> 
     </div> 
</div> 

CSS

#builder-container { 
    background-color: #ccc; 
    height: 100%; 
} 

Answer 1

Вы должны дать все родительские элементы, в том числе DIV вы хотите продлить , высота 100%.

Answer 2

На самом деле это не покрыло бы всю вашу страницу без достаточного контента, но лучший способ - дать ей «положение: абсолютное/фиксированное/относительное» и дать ту же самую верхнюю часть: whateverouw px px; и внизу: 0px/0%; ширина и высота: 100%

JSFiddle - Отредактировано: Проверьте это сейчас

CSS

body 
{ 
    margin:0; 
    width:100%; 
    height:100%; 
} 

    #builder-container { 
     display:block; 
     position:absolute; 
     margin-top:5%; 
     left:0%; 
     bottom:0%; 
     background-color: #ccc; 
     height: 100%; 
     width:100%; 
    }