css - 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">
	<div class="mainnav">
	</div>
</nav>
</header>

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

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

Answer 1

您添加 margin 的方式不正确。它必须是这样的(固定边距):

margin-top:20px;