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.
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.
Screenshots:
When I’m not scrolled down- 
When I am (overlapping)- 
So I want to get rid of the overlapped area of my content container (and maybe 5px below it).
The other answers are spot on. I’d check the margins, and the overflow setting.
If the div’s have absolute, relative, or fixed positioning, you can also play around with the z-index.
The higher the value of the z-index, the higher up in the stack an element is. So an element with a z-index of 2 will be displayed in front of an element with a z-index of 1.