css元素之间的间距

Question

我正在尝试在元素<header>和部分<section>之间添加空格，但它们相互粘连，这样当我将边距应用于顶部元素的底部或顶部时在底部元素中，顶部元素与底部元素一起向下移动，这仅在我添加页脚后发生。

我进行了搜索，但我无法找到解决方案。

感谢All ..

.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-top:20px;

Answer 2

你遗失的px。 .hclass {边距：20像素}