title: Adding "padding" to the outside of div?
body: <p>I'm really not sure how to word this question, but here goes...  I have a navigation bar at the top of my web page with a position of "fixed" so that it stays at the top even if I scroll down.  However, I have a box that will hold all of my text/blogs that overlaps with this navigation bar whenever I scroll down.</p>
  
  <p>Is there a way to "delete" a few pixels of the box (the one that holds all of my stuff) so that the navigation bar never overlaps with it?  I'm sorry if this is confusing, but like I said, I'm not sure how to word it.</p>
  
  <p><strong>Screenshots:</strong><br>
  When I'm not scrolled down- <img src="https://i.stack.imgur.com/gpZey.png" alt=""><br>
  When I am (overlapping)- <img src="https://i.stack.imgur.com/paXcq.png" alt=""></p>
  
  <p>So I want to get rid of the overlapped area of my content container (and maybe 5px below it).</p>