css3 2个方块叠加(不用绝对定位)

<div style="width:100px; height:0px;background:#000">
  
  <div style="width:100px; height:100px;background:#FF0">
  
  
</div>
</div>
<div style="width:100px; height:100px;background:#F00;opacity:0">
  
  
</div>

这里设置高度0就行了 不影响显示