Moving DOM elements below a fixed navigation bar

Question

I have a fixed navigation bar, however, any time I try to create content after it, the content clips the navigation.

I could fix this by using relative positioning

Answer 1

You can put nav inside a div , then set the height of the div by nav height. The advantage of this: easier and more meaningful,and In other places you can use other code without concerns..

    

        

            
foo
            
bar
        
    

EXAMPLE