Html 我怎样才能让这些div挨在一起

它看起来像什么：

我希望白色的div在灰色的div下面，这样绿色的div就不会出现在任何地方

这是我现在的代码

#top {

background-color:#504A4B;
border:1px solid black;
border-radius:5px;
width:500px;
height:200px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#middle {
background-color:#D1D0CE;
width:100px;
height:500px;
margin-left:36.8%;
margin-right:auto;
border:1px solid black;
border-radius:5px;
position:static;
clear: both;
}

#left {
background-color:#25383C;
border:1px solid black;
border-radius:5px;
width:75px;
height:75px;
margin-left:auto;
margin-right:auto;
clear:both

---

使绿色div

位置：绝对

并用

顶部

和

左侧

定位。这样，您可以独立于灰色和白色div来定位它。

删除

clear:both;

加

float: left;

中间和左边

这应该会给你一个想法

或

加

---

这是作业吗？将一个div与另一个div对齐？为什么不贴一张它应该是什么样子的图片。。。作业什么时候交？

position:absolute