Html 如何设置div之间的间距？

这是我的html/css代码：

我如何设置两个位置之间的间距

nav id="section-navi"
section class="section" 
div id="footer-main"

---

这就是你想要的吗

HTML:

下面是JSFIDLE的另一个版本，其中包含以下更改：

您可以将“页边距底部”属性添加到CSS#部分navi，将“页边距顶部”属性添加到#页脚主视图。请看下面

#section-navi
{
background: none repeat scroll 0 0 padding-box #FFFFFF;
border: 1px solid #B8B8B8;
border-radius: 0 0 10px 10px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
margin: 10px auto 0px;
min-height: 40px;
padding: 45px 24px 0;
position: relative;
width: 938px;
z-index: 4;
}
#footer-main
{
background: none repeat scroll 0 0 padding-box #21242C;
border-radius: 10px 10px 0 0;
height: 75px;
margin-top: -10px;
padding: 0 24px;
position: relative;
width: 938px;
margin: 10px auto 0px;
}

---

你试过给他们增加利润吗？请记住，和是html5元素，被旧浏览器忽略。（我认为甚至可以达到IE8）

.cleaner { clear:both; }
.h20 { height: 20px; }

#section-navi
{
background: none repeat scroll 0 0 padding-box #FFFFFF;
border: 1px solid #B8B8B8;
border-radius: 0 0 10px 10px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
margin: 10px auto 0px;
min-height: 40px;
padding: 45px 24px 0;
position: relative;
width: 938px;
z-index: 4;
}
#footer-main
{
background: none repeat scroll 0 0 padding-box #21242C;
border-radius: 10px 10px 0 0;
height: 75px;
margin-top: -10px;
padding: 0 24px;
position: relative;
width: 938px;
margin: 10px auto 0px;
}