CSS防止div移动顶部
CSS防止div移动顶部
提问于 2014-09-20 14:20:38
问题是：
`http://jsfiddle.net/5gju85un/3/`我想在保持左浮动的同时，防止第3次上升。我怎么能这么做？
编辑
这些div是在我的原始代码中通过循环创建的，所以我不能只做两个父div。
编辑
插入完整代码(我正在制作自己的模板，以便在wordpress中使用)
/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;
}CSS
.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;
}正如您所看到的，我在jsfiddle中所做的代码是基于以下内容
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-09-20 14:23:39
演示
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25949706
复制相关文章
相似问题
腾讯云开发者
