DIV溢出應從左側開始

Question

請參閱this diagram。是否有任何可能的方法將紅色方塊帶到左側（白色方塊應停留在那裏），以便第二條和第三條（僅）線從最左邊的位置開始。

Answer 1

好像下一

<div id="similarImages"> 
    <img class="imgBox white" /> 
    <img class="imgBox white" /> 
    <img class="imgBox white" /> 
    <img class="imgBox red" /> 
    <img class="imgBox red" /> 
    <img class="imgBox red" /> 
    <img class="imgBox red" /> 
</div> 

在CSS

div#similarImages { 
    /* specify width */ 
} 
img.imgBox { 
    width: 30%; 
    margin: 1%; 
    float: left; 
} 

隨意刪除white和red類的名稱，如果它不是一個需求。只是告訴哪些圖像是白色和紅色的圖像。

jsFiddle