CSSエレメント間のスペース

Question

エレメント<header>とセクション<section>の間にスペースを追加しようとしていますが、それらが互いに貼り合わされています。そのため、トップエレメントの底部またはボトムエレメントの最上部にマージンを適用すると、一番下の要素は下の要素と共に下に移動しますが、これはフッターを追加した後にのみ発生します。

検索しましたが、解決策を見つけることができませんでした。すべての..

.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

へ

おかげで余裕を追加するあなたの方法が間違っています。

margin-top:20px;

Answer 2

あなたの行方不明PX：それは（固定マージン）は、このようなものでなければなりません。 .hclass {margin-top：20px}