Css 将div与heading分开

我想将id为main的div与标头40px分开，但不知道如何分开。 还希望div主栏和侧栏延伸到底部。我设法将min height:500px设置为primary和sidebar div。这样好吗

最后一个问题，为什么我的页脚和主div分开

 header {
   position: fixed;
   top: 0;
   left: 0;
   height: 200px;
   z-index: 100;
 }

 #wrap {
   margin-top: 200px;
 }

 #main {
   width: 60%;
   min-height: 500px;
   margin: 0 auto;
 }

   #primary {
     box-sizing: border-box;
     width: 80%;
     float: left;
   }

   #sidebar {
     width: 20%;
     box-sizing: border-box;
     width: 80%;
     padding: 20px;
     float: right;
   }

---

我想将id为main的div与标头40px分开，但不知道如何分开。

#main {
    padding-top:40px;
}

还希望div主栏和侧栏向下延伸。我成功地将min height:500px设置为primary和sidebar div。这样好吗？

这不是一个好方法，因为任何一个屏幕超过500px的人都会看到它在那里结束

最后一个问题，为什么我的页脚与主分区分开？

---

因为p标签默认有边距，这会推动事情的进行，所以这就像kthornbloom写的那样简单

 padding-top:40px;

---

在发布问题之前，我还添加了填充顶部，但让我困惑的是标题和内容之间有一个空白，这是填充本身，所以这个问题是不必要的，对不起，各位，再次感谢你们的帮助：）

关于你们的上一个问题，你能为页脚添加css吗？你能给我们html代码吗？你也能提供html吗？或者更好，您可以设置一个JSFIDLE吗？我希望您知道，位置固定意味着无论您如何滚动页面，元素都将固定在屏幕上