DIV溢出应该从左边开始

Question

请参阅this diagram。是否有任何可能的方法将红色方块带到左侧（白色方块应保持在那里），以便第2和第3（唯一）线从最左侧位置开始。

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