Html CSS阻止div移动到顶部

问题是：

`http://jsfiddle.net/5gju85un/3/`

我想防止div#3向上移动，同时保持左浮动。 我该怎么做

编辑

这些div是在我的原始代码中通过循环创建的，所以我不能只创建两个父div

编辑

插入整个代码（我正在制作自己的模板，以便在wordpress中使用）

HTML/PHP

if ( $loop->have_posts() ) {
        while ( $loop->have_posts() ) : $loop->the_post()?>
                        <div class="produkt ramka">
                            <div class="produkt_obraz">
                                <?php woocommerce_show_product_images();?>
                            </div>
                            <div class="produkt_nazwa">
                                <h3 class="produkt_litery"><?php woocommerce_template_single_title();?></h3>
                            </div>
                            <div class="produkt_cena">
                                <?php woocommerce_template_single_price();?>
                            </div>
                            <div class="produkt_line">
                            </div>
                            <div class="produkt_opis">
                                <?php the_content();?>
                            </div>
                            <div class="produkt_koszyk">
                                <?php woocommerce_template_loop_add_to_cart()?>
                            </div>
                        </div>    

        <?php endwhile;
    }

正如您所看到的，我在JSFIDLE中所做的代码就是基于此

div1
第二组
第三组
第四组
第五组
第六组

哦。。。很好，但是我想把第四个分区向上移动以填充空间。你要找的是砖石结构检查这个链接，然后谢谢，我不知道css砖石结构存在。你是想把奇数个分区编号显示在左边，而把偶数个分区编号显示在右边吗？像这样是的，但是第一个div的高度取决于内容，所以我不能直接用x px。

.produkt
{
    display: inline-block;
    height:auto;
    min-height:120px;
    width:49.50%;
    margin-bottom:5px;
    background-color:#252525;
    overflow:hidden;
}
.produkt:nth-child(2n+1)
{
    float:left;
}
.produkt:nth-child(2n)
{
    float:right;
}

<div class="divs st">div1</div>
<div class="divs nd">div2</div>
<div style="clear:both"></div>
<div class="divs rd">div3</div>
<div class="divs th">div4</div>
<div class="divs">div5</div>
<div class="divs">div6</div>