相邻div元素层设置margin引起的层级问题解决方案

需求：up和down层，down层margin-top:-100px;

目的：down层覆盖up层100px

<div class="up"></div>

<div class="down"></div>

出现问题：up层覆盖down层上100px，而不是隐藏在down层下；

解决方案：

方案一：.up{

   position: relative;

}

方案二：.up{

   display: inline-block;

}