javascript - 如何将div定位到左侧 float 但也 float 到顶部

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，我可以提供更多帮助。但看起来你想要 float 的 div 上没有任何 float 。

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