2 scrollable column layout, with header and footer, using Foundation 6

foundation-2col-layout.scss

@import '../../bower_components/foundation-sites/scss/foundation';              
@include foundation-everything;                                                 
                                                                                
.container {                                                                    
  @include grid-row(16) {                                                       
    .sidebar { @include grid-column(5); }                                       
    .main-content { @include grid-column(11); }                                 
  }                                                                             
}                                                                               
                                                                                
html, body, #wrapper {                                                          
  height: 100%;                                                                 
}                                                                               
                                                                                
body > #wrapper {                                                               
  height: auto;                                                                 
  min-height: 100%;                                                             
}                                                                               
                                                                                
#main .container {                                                                         
  overflow: hidden;                                                             
  top: 54px;                                                                    
  bottom: 0;                                                                    
  left: 0;                                                                      
  right: 0;                                                                     
  padding-bottom: 45px;                                                         
  position: absolute;                                                           
}                                                                               
                                                                                
#footer {                                                                       
  position: relative;                                                           
  margin-top: -44px;                                                            
  height: 44px;                                                                 
  clear: both;                                                                  
}