Div高于另一个div并且彼此相邻

Question

我搜索并发现了类似的情况，但不完全一样，我在CSS中不流畅。

我有四个div彼此相邻，我需要在这些div之上的另一个div。我尝试设置width，更改position，display div的方式不同，但我没有得到正确的结果。

您可以在此处查看我的代码： https://jsfiddle.net/Zmitas/y9kk9kvt/

到目前为止，我设法让他们彼此相邻，但我没有设法修复＆＃34;步骤＆＃34;出现。

感谢所有答案

Answer 1

更新 css ＆amp; HTML

#one {
  width: 100%;
  height: 600px;
  background-color: #333;
  float: left;
}
#two {
  width: 100%;
  height: 600px;
  float: left;
  background-color: #666;
}
#three {
  width: 100%;
  height: 600px;
  float: left;
  background-color: #333;
}
#four {
  width: 100%;
  height: 600px;
  background-color: #666;
  float: left;
}
.above {
  position: relative;
  width: 25%;
  float: left;
}

<div class="above">
  <div>text above</div>
  <div id="one">Div one</div>
</div>

<div class="above">
  <div>text above</div>
  <div id="two">Div two</div>
</div>

<div class="above">
  <div>text above</div>
  <div id="three">Div three</div>
</div>

<div class="above">
  <div>text above</div>
  <div id="four">Div four</div>
</div>