How to make a div fill the remaning vertical space using css

Question

I am attempting to make a standard website layout with a header, a navigation bar a body (on the right of the navigation bar) and a footer

Answer 1

add this code to your body,html:

body,html{
  height:100%;
}

and make your navbar

instead of

then add height: 100%; to your navbar

#navbar{
  height:100%
// rest of your code
}

Same to your content call it something like content, because body is already used.

#content{
  height:100%
// rest of your code
}

now all the divs will have a height of 100% so the full browser height.

EDIT: your full code would look like this:

    
        
        
        
    
    
        
 Header 
        
 Nav Bar 
        
 Body 
        
 Footer
    

0 讨论(0)

查看其它2个回答

发布评论:

提交评论

---

•  加载中...