如何定位div浮動左邊，但也是頂部

Question

如何使div內的div浮動不留空格;正如你可以看到圖像上有空格，我正在使用這些代碼;

main {position:relative;left:339.5px;top:40px;width:1018px;height:1000px;-webkit-box-shadow:inset 0px 0px 40px;} 

main div {float:left;margin:1px;-webkit-box-shadow:inset 0px 0px 20px;} 
#div_size1 {width:336px;height:200px;} 
#div_size2 {width:336px;height:300px;} 
#div_size3 {width:336px;height:100px;} 


<main> 
<div id="div_size1"> 
</div> 
<div id="div_size2"> 
</div> 
<div id="div_size3"> 
</div> 
<div id="div_size3"> 
</div> 
<div id="div_size3"> 
</div> 
<div id="div_size2"> 
</div> 
<div id="div_size2"> 
</div> 
<div id="div_size1"> 
</div> 
<div id="div_size2"> 
</div> 
<div id="div_size3"> 
</div> 
<div id="div_size3"> 
</div> 
</main> 

Answer 1

如果您發佈HTML以及我可以幫助更多。但它看起來像你想要浮動的div上沒有任何浮動。

#div_size1 {float:left;width:336px;height:200px;} 
#div_size2 {float:left;width:336px;height:300px;} 
#div_size3 {float:left;width:336px;height:100px;} 

Answer 2

如果你改變了位置，絕對可以從頂部和側面改變它的距離：

main div { 
    margin:1px; 
    -webkit-box-shadow:inset 0px 0px 20px; 

    position:absolute; 
    left: 0px; 
    top: 0px; 
} 

希望這有助於

Answer 3

如果你希望它固定的，如果我是建設這個佈局我會有2個「colum」Divs。前1個將是2個盒子寬。另一個將是1盒寬。左和右。右邊的5個盒子就在右邊的欄目中。然後在左欄中我會進一步分開。我會把2「行」div。底部會有底部1個框（div_size3）。然後在第一行中，我將通過插入2個colum div來分開。左邊的將有3個盒子和右邊的2個盒子。