css填充缺失内容剩余的空格

Question

我有这种情况，动态内容没有在指定区域正确填充，所以我需要填充它，以便它可以正确适合。

我在这里做了一个小提琴http://jsfiddle.net/yvK2h/1/，这样你就可以看到我想要做什么。我想第3段走条第1款，并填写段落下方的空间1.

CSS：

.row {width:50%; float:left;} 

HTML：

<div class="row">1. </div> 
<div class="row">2. </div> 
<div class="row">3. </div> 
<div class="row">4. </div> 

这是可能的，而不只是JavaScript的使用CSS？

更新：

请考虑我不能添加字段，因为我可能有4个或7列，而不一定以相同的顺序。例如，如果列3被隐藏，则列4可能在列1下。

Answer 1

是什么？

http://jsfiddle.net/yvK2h/4/

.row { 
width:50%; 
float:left; 
} 
@media screen and (max-width: 650px) { 
.row { 
    width:100%; 
    float:none; 
    margin:0 0 30px 0 
} 
}