CSS öğeleri arasındaki boşluk

Question

ve <section> arasındaki bölümler arasına boşluk eklemeye çalışıyorum ancak bunlar, üst öğenin alt kısmına veya alt öğenin en üstüne kenar boşluğu uygularken, birbirine yapışıyorlar. Üst eleman alt eleman ile birlikte aşağı doğru hareket eder, bu sadece altbilgi ekledikten sonra oldu.

Ve ben bir arama yaptım ama bunun için çözüm bulamadık. Tümüne

Teşekkür ..

.hclass {margin-bottom:20;} // header - the top most part, need space below this 
 

 
.tryi {margin:top;} //section the second part, need space above this 
 

 
#divfootr {width:100%;height:auto;position:absolute;bottom:0;text-align:center;} // footer code

<header class="hclass"> 
 
<nav id="indxpg"> 
 
\t <div class="mainnav"> 
 
\t </div> 
 
</nav> 
 
</header> 
 

 
<section class="tryi"> 
 
\t <div id="logotable"> 
 
\t </div> 
 
</section> 
 

 
<footer class="footer"> 
 
    <div id="divfootr"> 
 
     <p><span class="copyright"><strong>&#169; 2016</strong></span></p> 
 
    </div> 
 
</footer>

Answer 1

marjı yanlıştır kazandırmaya yol.

margin-top:20px;

Answer 2

Kişisel eksik px: O (sabit marj için) böyle bir şey olmalı. .hclass {margin-top: 20px}