Put div below navigation bar and don't overlap content

Question

My issue is that I fixed a navigation bar at the top of my webpage and it includes both side margins and top one. Below this navigation bar, I want to set an scrollable containe

Answer 1

you can simply get this fixed by updating your margins to paddings.. and update the div like the below..

HTML

....

CSS

#content{
  position:absolute;
  top:100px;
}

Demo