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 
} 
}