每隔一秒后清除漂浮物

时间:2013-10-13 13:44:35

标签: html css

我有以下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/

2 个答案:

答案 0 :(得分:11)

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

这相当于:

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

在每隔一个项目后清除(换句话说,每三分之一)。

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

答案 1 :(得分:0)

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

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