0

What is the preferred pattern for filling up the remaining height within the page. for ex.

        <div class="container">
            <div class="fixed-height1"></div>
            <div class="remaining-height1">
               <div class="fixed-height2"></div>
               <div class="remaining-height2">
                   <div class="fixed-height3"></div>
                   <div class="remaining-height3">
                   </div> 
               </div> 
            </div> 
        </div>
John Smith
  • 315
  • 2
  • 9
  • possible duplicate of [Make a div fill the height of the remaining screen space](http://stackoverflow.com/questions/90178/make-a-div-fill-the-height-of-the-remaining-screen-space) – rink.attendant.6 Jun 13 '14 at 07:37

1 Answers1

0

Take a look at flexbox.

Each wrapper element would have a display: flex; flex-direction: column; and you'd assign different flex-grow (weights) to the elements that you want to take the remaining space.

gtramontina
  • 1,096
  • 9
  • 10