每隔一秒后清除漂浮物

Question

我有以下HTML标记。连续有两个.item div，每个div都有不同的高度。

是否可以在不改变标记的情况下清除每秒后的浮点数？每个第二个div都有类.last-item。

HTML：

<div class="wrap">
    <div class="item"></div>
     <div class="item last-item"></div>
     <div class="item"></div>
     <div class="item last-item"></div>
</div>

CSS：

.wrap{
    border: 1px solid #000;
    width: 200px;
    overflow: hidden;
}

.item{
    width: 50%;
    background: yellow;
    margin-bottom: 10px;
    float: left;
}

演示： http://jsfiddle.net/R7VHX/

Answer 1

.item:nth-child(2n+1) { clear: both; }

这相当于：

.item:nth-child(odd) { clear: both; }

在每隔一个项目后清除（换句话说，每三分之一）。

http://www.w3.org/TR/css3-selectors/#nth-child-pseudo的更多信息。

Answer 2

您可以使用nth-child(odd)选择器：

.item:nth-child(odd){
    clear: both;
}