我怎么能让这些div彼此相邻

Question

它看起来像什么：

我希望白色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

Answer 1

制作绿色div position:absolute并将其与top和left对齐。这样，您可以独立于灰色和白色div来定位它。

Answer 2

删除

clear:both;

并添加

float: left;

到#middle和#left

应该给你一个想法

jsfiddle demo

OR

添加

position:absolute

到div＃left